HTML <colgroup> valignAtributo

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

Ejemplo

Una tabla HTML con columnas con diferentes alineaciones verticales:

<table border="1" style="height:200px">
  <colgroup valign="top">
  <colgroup valign="bottom">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Solo Internet Explorer y Opera admiten el atributo valign. Sin embargo, IE y Opera no admiten el valor de atributo "baseline".


Definición y uso

En HTML5, no se admite el atributo valign de <colgroup>.

El atributo valign especifica la alineación vertical del contenido dentro de un grupo de columnas.


Sintaxis

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

Valores de atributo

Valor Descripción
top Alinear el contenido en la parte superior.
middle Alinear el contenido al centro (valor predeterminado).
bottom Alinear el contenido en la parte inferior.
baseline Alinear 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 de la línea 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 varían, el efecto de baseline será mejor. Vea el diagrama a continuación.

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

valign="bottom"

valign="baseline"


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