Estoy usando un HTML <table>y quiero alinear el texto del <td>centro de cada celda.
¿Cómo centro alinear el texto horizontal y verticalmente?
Aquí hay un ejemplo con CSS y styleatributos en línea :
td
{
height: 50px;
width: 50px;
}
#cssTable td
{
text-align: center;
vertical-align: middle;
}
<table border="1">
<tr>
<td style="text-align: center; vertical-align: middle;">Text</td>
<td style="text-align: center; vertical-align: middle;">Text</td>
</tr>
</table>
<table border="1" id="cssTable">
<tr>
<td>Text</td>
<td>Text</td>
</tr>
</table>
EDITAR : El valignatributo está en desuso en HTML5 y no debe usarse.
vertical-align:middlesupone que se aplica altrelemento?El CSS para centrar el texto en sus
tdelementos esfuente
Intenta poner esto en tu archivo CSS.
fuente
ejemplo en línea de mano larga:
ejemplo abreviado de css:
fuente
<td align="center" valign="center">textgoeshere</td>Es la única respuesta correcta en mi humilde opinión, ya que está trabajando con tablas, que es la funcionalidad antigua más común utilizada para el formato de correo electrónico. Por lo tanto, su mejor opción es no usar solo el estilo sino el estilo en línea y las etiquetas de tabla conocidas.
fuente
valignestá en desuso en HTML5. No lo uses. Para el formato de correo electrónico, unastyleetiqueta o unstyleatributo en línea sería la mejor solución.Selector> niño:
fuente
<td align="center"valign="center">textgoeshere</td>más sobre valign
fuente