Ejemplo
Vertical alinear el contenido dentro <td> elementos:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="bottom">January</td>
<td valign="bottom">$100</td>
</tr>
</table>
Inténtalo tú mismo " Definición y Uso
El valign atributo especifica la alineación vertical del contenido en una célula.
Soporte para el navegador
| Atributo | |||||
|---|---|---|---|---|---|
| valign | Sí | Sí | Sí | Sí | Sí |
Notas de compatibilidad
El valign atributo de la <td> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <td style="vertical-align:bottom">
Ejemplo CSS: Contenido de alineación vertical del interior <td>
En nuestro tutorial CSS se pueden encontrar más detalles acerca de la vertical-align property .
Sintaxis
<td 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 |
| base | 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 = "inferior"
valign = "línea de base"