HTML <tfoot> valignAtributo
Ejemplo
Alinear verticalmente el contenido del elemento <tfoot> hacia abajo:
<table border="1"
width="100%">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
Pruébalo »
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales admiten el atributo valign.
Definición y uso
HTML5 no admite el atributo valign de <tfoot>. Utilice CSS en su lugar.
El atributo valign especifica la alineación vertical del contenido dentro del elemento <tfoot>.
Sintaxis
<tfoot valign="top|middle|bottom|baseline">
Valores de atributo
| Valor | Descripción |
|---|---|
| top | Alinea el contenido hacia arriba. |
| middle | Alinea el contenido al centro (valor por defecto). |
| bottom | Alinea el contenido hacia 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 apoyan en la línea base. El valor baseline establece que todos los datos de la tabla en la fila comparten 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. Vea el siguiente diagrama. |
Diagrama de bottom vs. baseline cuando los tamaños de fuente del texto son diferentes:
valign="bottom"
valign="baseline"
Etiqueta HTML <tfoot> Otras extensiones