HTML <thead> valignAtributo

HTML thead 标签参考手册Etiqueta HTML <thead>

Ejemplo

Alinee verticalmente al centro el contenido del elemento <thead>:

<table border="1" width="100%">
  <thead valign="middle">
    <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>

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales soportan el atributo valign.


Definición y uso

HTML5 no soporta el atributo valign de <thead>. Use CSS en su lugar.

El atributo valign especifica la alineación vertical del contenido dentro del elemento <thead>.


Sintaxis

<thead valign="top|middle|bottom|baseline">

Valores del atributo

Valor Descripción
top Alinea el contenido hacia arriba.
middle Alinea el contenido al centro (valor predeterminado).
bottom Alinea el contenido hacia abajo.
baseline Alinea 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 apoyan en la línea base. El valor baseline hace que todos los datos de tabla en la fila compartan la misma línea base. El efecto de este valor suele ser el mismo que el valor bottom. Sin embargo, si los tamaños de fuente del texto son diferentes, el efecto de baseline será mejor. Vea el diagrama a continuación.

Ilustración de bottom vs. baseline cuando los tamaños de fuente del texto son diferentes:

valign="bottom"

valign="baseline"


HTML thead 标签参考手册Etiqueta HTML <thead> Otras extensiones