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 style
atributos 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 valign
atributo está en desuso en HTML5 y no debe usarse.
vertical-align:middle
supone que se aplica altr
elemento?El CSS para centrar el texto en sus
td
elementos 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
valign
está en desuso en HTML5. No lo uses. Para el formato de correo electrónico, unastyle
etiqueta o unstyle
atributo 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