html - tag - th center content

Intentando centrar el botón alinear en td

Question

Tengo problemas para centrar un botón en una td.

Este es probablemente un problema simple de CSS, pero la aplicación utiliza bootstrap, AngularJS, AngularJS-ui-bootstrap y ngTable. He incluido todos estos componentes en mi plunkr .

Estoy tratando de establecer "horizontal-align: middle" en el td con el botón, pero parece que no se aplica. El botón aún se inclina hacia el lado izquierdo de la celda.

Answer 1

¿Alterar el botón en lugar de td? Haga menos impacto en el estilo.

table .btn{
vertical-align: top;
}

Answer 2

Como dije en mi comentario anterior, simplemente cambie el TD para tener la propiedad align = "center".

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

Desde que publiqué esto, descubrí que esto está en desuso en HTML5, así que lo mejor es usar "text-align: center" en el TD en tu CSS>

Answer 3

Descubrí que tenía que combinar los siguientes atributos para centrar los controles JSF en una página:

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

Answer 4

Esto funcionó para mí

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

Answer 5

Me funcionó bien

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

Answer 6

Puedes usar :

display: block;
margin: auto;

Aquí está su plunkr actualizado

Answer 7

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

trabajó para mi.