Ejemplo
Vertical alinear el contenido dentro de la <thead> elemento a la parte inferior:
<table>
<thead valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Inténtalo tú mismo " Definición y Uso
La <thead> atributo valign no es compatible con HTML5. Usar CSS en su lugar.
El valign atributo especifica la alineación vertical del contenido en un <thead> elemento.
Soporte para el navegador
Atributo | |||||
---|---|---|---|---|---|
valign | Sí | Sí | Sí | Sí | Sí |
Notas de compatibilidad
El valign atributo de la <thead> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <thead style="vertical-align:bottom">
Ejemplo CSS: Contenido de alineación vertical del interior <thead>
En nuestro tutorial CSS se pueden encontrar más detalles acerca de la vertical-align property .
Sintaxis
<thead valign="top|middle|bottom|baseline">
Los valores de atributo
Valor | Descripción |
---|---|
top | El contenido principal-align |
middle | el contenido del Centro-align |
bottom | contenido inferior-align |
baseline | La línea de base es la línea imaginaria que la mayoría de las letras "sientan" en, en una línea de texto. El valor de línea de base establece la fila de manera que todos los datos de tabla comparten la misma línea base. A menudo, esto tiene el mismo efecto que el valor inferior. Sin embargo, si las fuentes son de diferentes tamaños, la línea de base se ve mejor. Mira la siguiente ilustración |
Ilustración de fondo frente a la línea de base, si las fuentes son de diferentes tamaños:
valign="bottom"
valign="baseline"