Ejemplo
Una tabla HTML con diferentes filas verticales alineadas:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
Inténtalo tú mismo " Definición y Uso
El valign atributo especifica la alineación vertical del contenido de una fila de la tabla.
Soporte para el navegador
| Atributo | |||||
|---|---|---|---|---|---|
| valign | Sí | Sí | Sí | Sí | Sí |
Notas de compatibilidad
El valign atributo de <tr> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <tr style="vertical-align:bottom">
CSS Ejemplo: contenido de alineación vertical del interior <tr>
En nuestro tutorial CSS se pueden encontrar más detalles acerca de la propiedad vertical-align .
Sintaxis
<tr 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"