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?
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?
Respuestas:
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.
ejemplo en línea de mano larga:
<td style='text-align:center;vertical-align:middle'></td>
ejemplo abreviado de css:
td{
text-align:center;
vertical-align:middle;
}
<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.
valign
está en desuso en HTML5. No lo uses. Para el formato de correo electrónico, una style
etiqueta o un style
atributo en línea sería la mejor solución.
Selector> niño:
.text-center-row>th,
.text-center-row>td {
text-align: center;
}
<table border="1" width='500px'>
<tr class="text-center-row">
<th>Text</th>
<th>Text</th>
<th>Text</th>
<th>Text</th>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr class="text-center-row">
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</table>
<td align="center"valign="center">textgoeshere</td>
vertical-align:middle
supone que se aplica altr
elemento?