English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad valign especifica el modo de alineación vertical del contenido dentro de la celda, ejemplos en línea que demuestran cómo usar la propiedad valign del atributo HTML td, compatibilidad del navegador, definición de sintaxis y detalles de los valores de atributos, etc.
Alinear verticalmente el contenido dentro del elemento <td>:
<table style="width:100%" border="1" height="400"> <tr> <th>Número</th> <th>Mes</th> <th>Ahorros</th> </tr> <tr> <td valign="top">1</td> <td valign="top">Enero</td> <td valign="top">3100</td> </tr> <tr> <td valign="bottom">2</td> <td valign="bottom">Febrero</td> <td valign="bottom">2180</td> </tr> </table>Prueba y observa ‹/›
IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten la propiedad valign.
HTML5 No se admite la propiedad valign en <td>. Utilice CSS en su lugar.
La propiedad valign especifica la forma de alineación vertical del contenido dentro de la celda.
<td valign="top|middle|bottom|baseline">
Valor | Descripción |
---|---|
Top | Alineación del contenido hacia arriba. |
Middle | Alineación del contenido al centro (valor predeterminado). |
Bottom | Alineación hacia abajo del contenido. |
Línea base | Alineación 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 basan en la línea base. El valor de la línea base asegura que todos los datos de la tabla en la línea compartan la misma línea base. El efecto de este valor es a menudo el mismo que el de bottom. Sin embargo, si el tamaño de la fuente del texto es diferente, el efecto de la línea base es mejor. Vea el siguiente gráfico. |
Gráfico de bottom vs. baseline cuando el tamaño de la fuente del texto es diferente:
valign="bottom"
valign="baseline"
HTML <td> etiqueta