table-layout

tableLayout 屬性用來顯示表格單元格、行、列的算法規則。

基本介紹

• 中文名： 
• 外文名：table-layout
• 默認值：auto
• 繼承性：yes
• 版本：CSS2

固定表格布局：

固定表格布局與自動表格布局相比，允許瀏覽器更快地對表格進行布局。

在固定表格布局中，水平布局僅取決於表格寬度、列寬度、表格框線寬度、單元格間距，而與單元格的內容無關。

通過使用固定表格布局，用戶代理在接收到第一行後就可以顯示表格。

自動表格布局：

在自動表格布局中，列的寬度是由列單元格中沒有折行的最寬的內容設定的。

此算法有時會較慢，這是由於它需要在確定最終的布局之前訪問表格中所有的內容。

說明

該屬性指定了完成表布局時所用的布局算法。固定布局算法比較快，但是不太靈活，而自動算法比較慢，不過更能反映傳統的 HTML 表。

默認值：	auto
繼承性：	yes
版本：	CSS2
JavaScript 語法：	object.style.tableLayout="fixed"

實例

設定表格布局算法：

table { table-layout:fixed;}

瀏覽器支持

所有瀏覽器都支持 table-layout 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

值	描述
automatic	默認。列寬度由單元格內容設定。
fixed	列寬由表格寬度和列寬度設定。
inherit	規定應該從父元素繼承 table-layout 屬性的值。

table-layout屬性

table-layout

語法：

table-layout：auto | fixed

默認值：auto

取值：

auto：

默認的自動算法。布局將基於各單元格的內容。表格在每一單元格讀取計算之後才會顯示出來。速度很慢

fixed：

固定布局的算法。在這算法中，水平布局是僅僅基於表格的寬度，表格框線的寬度，單元格間距，列的寬度，而和表格內容無關。也就是說，內容可能被裁切

說明：

設定或檢索表格的布局算法。

對應的腳本特性為tableLayout。