English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
table-A propriedade layout CSS especifica o algoritmo usado para layout de células, linhas e colunas da tabela.
A tabela a seguir fornece a descrição de uso e o histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
Valor padrão: | auto |
---|---|
Aplicável a: | Elementos de tabela e de tabela inline |
Herança: | Não |
Animável: | Não.Veja também Propriedades de animação。 |
Versão: | CSS 2、3 |
Sintaxe do JavaScript: | object.style.tableLayout="fixed" |
A sintaxe dessa propriedade é a seguinte:
table-layout: auto | fixed | initial | inherit
O exemplo a seguir demonstra como usar table-propriedade layout.
table { width: 250px; table-layout: fixed; }Teste e veja‹/›
Dica:O algoritmo de layout fixo da tabela permite que o navegador faça o layout da tabela mais rapidamente do que o algoritmo de layout automático da tabela. Assim que receber a primeira linha, o navegador pode começar a exibir a tabela...
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
auto | O algoritmo de layout automático da tabela é usado para o layout da tabela. A largura da tabela e das células depende do conteúdo das células. Isso é o valor padrão. |
fixed | O algoritmo de layout fixo é usado para o layout da tabela.
|
initial | Defina essa propriedade para seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o valor table do elemento pai-valor da propriedade layout. |
Atenção:O algoritmo de layout automático da tabela pode reduzir a velocidade de exibição das tabelas com muitas linhas ou colunas, pois requer que o navegador possa acessar todo o conteúdo da tabela antes de determinar o layout final.
table-Compatibilidade do navegador para propriedades de layout, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Para referência, consulte os tutoriais sobre o seguinte conteúdo:Tabela do HTML,Tabela do CSS。
Propriedades relacionadas:width。