HTML <tr> valignAtributo
Ejemplos
Tabla HTML con filas de diferente alineación vertical:
<table border="1"
style="height:200px">
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
Pruébalo »
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales soportan el atributo valign.
Definición y uso
HTML5 no soporta el atributo valign de <tr>. Utiliza CSS en su lugar.
El atributo valign especifica la alineación vertical del contenido dentro de una fila de tabla.
Sintaxis
<tr valign="top|middle|bottom|baseline">
Valores del atributo
| Valor | Descripción |
|---|---|
| top | Alinea el contenido arriba. |
| middle | Alinea el contenido al centro (valor predeterminado). |
| bottom | Alinea el contenido abajo. |
| baseline | Alinea con la línea base. La línea base es una línea imaginaria. En una línea de texto, la mayoría de las letras se asientan sobre la línea base. El valor baseline establece que todos los datos de la tabla en la fila compartan la misma línea base. El efecto de este valor suele ser el mismo que el valor bottom. Sin embargo, si los tamaños de fuente del texto son diferentes, el efecto de baseline será mejor. Observa el diagrama siguiente. |
Diagrama de bottom vs. baseline cuando el tamaño de fuente del texto es diferente:
valign="bottom"
valign="baseline"
Etiqueta HTML <tr> Otras extensiones