English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS tabla-Método de uso y ejemplo del atributo layout

tabla-El atributo layout CSS especifica el algoritmo utilizado para disposing de las celdas, filas y columnas de la tabla.

La siguiente tabla describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:auto
Aplique a:Elementos de tabla y en línea
Herencia:No
Animable:No.Por favor, consulte Atributos de animación
Versión:CSS 2、3
Sintaxis de JavaScript:objeto.style.tableLayout="fixed"

tabla-Sintaxis de uso de layout

La sintaxis de este atributo es la siguiente:

tabla-layout: auto | fixed | initial | inherit

El siguiente ejemplo muestra cómo usar table-atributo layout.

  table {
   ancho: 250px;
   tabla-layout: fixed;
  }
Prueba y mira‹/›

Consejo:El algoritmo de disposición fija de la tabla permite que el navegador disposición la tabla más rápidamente que el algoritmo automático de disposición de la tabla. Una vez que recibe la primera fila, el navegador puede comenzar a mostrar la tabla...

Valor del atributo

La siguiente tabla describe los valores de este atributo.

ValorDescripción
autoEl algoritmo de disposición automática de tablas se utiliza para la disposición de la tabla. El ancho de la tabla y de las celdas depende del contenido de las celdas. Esto es el valor predeterminado.
fixed

El algoritmo de disposición fija se utiliza para la disposición de la tabla.

  • La disposición horizontal de la tabla no depende del contenido de las celdas; solo depende del ancho de la tabla, del ancho de las columnas y del espacio entre los bordes o las celdas.

  • El ancho de la tabla y de las columnas se establece por el ancho del elemento table y col o por el ancho de la primera fila de la celda.

initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado adopta el elemento padre table-el valor del atributo layout.

Nota:El algoritmo de disposición automática de tablas puede reducir la velocidad de presentación de tablas con muchas filas o columnas, porque requiere que el navegador pueda acceder a todo el contenido de la tabla antes de determinar la disposición final.

Compatibilidad del navegador

tabla-La compatibilidad del navegador del atributo layout, los números en la siguiente tabla representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 7+

Leer más

Por favor, consulte las instrucciones relacionadas con el siguiente contenido:Tabla HTMLTabla CSS

Propiedades relacionadas:Ancho