web-dev-qa-db-fra.com

Essayer de centrer le bouton d'alignement dans td

Je ne parviens pas à centrer un bouton dans un td.

Il s’agit probablement d’un simple problème CSS, mais l’application utilise bootstrap, AngularJS, AngularJS-ui-bootstrap et ngTable. J'ai inclus tous ces composants dans mon plunkr .

J'essaie de définir "horizontal-align: middle" sur le td avec le bouton, mais cela ne semble pas être appliqué. Le bouton se penche toujours du côté gauche de la cellule.

htmlcssangularjstwitter-bootstrap-3ngtable
25
David M. Karr

Vous pouvez utiliser :

display: block;
margin: auto;

Voici votre plunker mis à jour

45
meriadec

Comme je l'ai dit dans mon commentaire ci-dessus, il suffit de changer le TD pour avoir la propriété align = "center".

<td align="center"></td>

Depuis que j'ai posté ceci, j'ai découvert que c'était obsolète en HTML5, il était donc préférable d'utiliser "text-align: center" sur le TD dans votre CSS>

9
Billy Moat

Cela a fonctionné pour moi

<td style="text-align: center">

2
vineel

J'ai constaté que je devais combiner les attributs suivants pour centrer les contrôles JSF sur une page:

<h:form style="display: block; text-align: center; margin: auto; width: 200px">
<!-- components here -->
</h:form>
2
Fuzzy Analysis

Modifier le bouton au lieu de td? Faire moins d'impact sur le style. 

table .btn{
  vertical-align: top;
}
1
Jens Alenius
HTML:
    <td class="table-row-radio-button"> <input type="radio"> </td>
CSS:
    .table-row-radio-button {
        text-align: center;
    }

a travaillé pour moi.

0
Vinay

Ça a bien fonctionné pour moi 

<td align="center">
 <input type="button" style="float:none!important;display:inline;" value="click" />
</td>
0
Sundara Moorthy Anandh