En essayant de centrer aligner le bouton de td

Je vais avoir de la difficulté à centrer un bouton dans un td.

C'est probablement une simple question CSS, mais l'app est en utilisant bootstrap, AngularJS, AngularJS-ui-bootstrap, et ngTable. J'ai inclus l'ensemble de ces composants dans mon plunkr.

Je suis en train de mettre la "horizontale-align: middle" sur le td avec le bouton, mais qui ne semble pas avoir été appliqués. Le bouton toujours se penche sur le côté gauche de la cellule.

  • Avez-vous essayé d'ajouter align="center" sur le TD?"
  • qu'en est text-align:center?
  • Quelqu'un a-mais @dawuut avis que j'ai déjà eu cela? J'aurais pensé que j'ai un problème avec la "spécificité" de la règle de css, mais dawuut de la solution, qui vient de modifications à la règle css où j'ai eu la "horizontale-align" et "text-align" paramètres", en fait de travaux.
InformationsquelleAutor David M. Karr | 2014-03-13
  1. 48

    Vous pouvez utiliser :

    display: block;
margin: auto;

    Voici la mise à jour des plunkr

    • Il découvre que la bonne solution est la moins compréhensible.
    • css a obtenu son propre mystères 🙂
    InformationsquelleAutor meriadec
  2. 9

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

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

    Depuis l'affichage de ce que j'ai découvert que c'est obsolète en HTML5 afin de mieux utiliser "text-align: center" sur le TD dans votre CSS>

    • L'attribut align a été supprimé en HTML5.
    • Vous apprenez quelque chose de nouveau tous les jours! Il n'a encore du travail mais le meilleur à utiliser les CSS au lieu de cela alors je suppose.
    InformationsquelleAutor Billy Moat
  3. 2

    J'ai trouvé que j'avais de combiner les attributs suivants pour le centre de JSF contrôles sur une page:

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

    Cela a fonctionné pour moi

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

    InformationsquelleAutor vineel
  5. 1

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

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

    a fonctionné pour moi.

    InformationsquelleAutor Vinay
  7. 0

    Il a bien fonctionné pour moi 

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