Ejemplo
Una tabla HTML con diferentes columnas verticales alineadas:
<table
style="height:200px">
<col valign="top">
<col valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<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 relacionado con un <col> elemento.
Soporte para el navegador
| Atributo | |||||
|---|---|---|---|---|---|
| valign | No soportado | Sí | No soportado | No soportado | No soportado |
El valign atributo sólo es compatible con Internet Explorer y Opera 12 y versiones anteriores. Sin embargo, no son compatibles con el valor "baseline" .
Notas de compatibilidad
El valign atributo de la <col> no es compatible con HTML5. Usar CSS en su lugar.
Sintaxis CSS: <td style="vertical-align:bottom">
Ejemplo CSS: El texto vertical-align en las columnas de la tabla
En nuestro tutorial CSS se pueden encontrar más detalles sobre la vertical-align propiedad .
Sintaxis
<col 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 = "inferior"
valign = "línea de base"