複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/table-layout/7059442
複製
複製成功

table-layout

鎖定
tableLayout 屬性用來顯示表格單元格、行、列的算法規則。
外文名
table-layout
默認值
auto
繼承性
yes
版    本
CSS2

目錄

  1. 1 固定表格佈局
  2. 2 自動錶格佈局
  3. 3 説明
  4. 4 實例
  1. 5 瀏覽器支持
  2. 6 可能的值
  3. 7 屬性
  4. ▪ 語法
  1. ▪ 取值
  2. ▪ 説明

table-layout固定表格佈局

固定表格佈局與自動錶格佈局相比，允許瀏覽器更快地對錶格進行佈局。
在固定表格佈局中，水平佈局僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距，而與單元格的內容無關。
通過使用固定表格佈局，用户代理在接收到第一行後就可以顯示錶格。

table-layout自動錶格佈局

在自動表格佈局中，列的寬度是由列單元格中沒有折行的最寬的內容設定的。
此算法有時會較慢，這是由於它需要在確定最終的佈局之前訪問表格中所有的內容。

table-layout説明

該屬性指定了完成表佈局時所用的佈局算法。固定佈局算法比較快，但是不太靈活，而自動算法比較慢，不過更能反映傳統的 HTML 表。
默認值：
auto
繼承性：
yes
版本：
CSS2
JavaScript 語法：
object.style.tableLayout="fixed"

table-layout實例

設置表格佈局算法：
table { table-layout:fixed;}

table-layout瀏覽器支持

所有瀏覽器都支持 table-layout 屬性。
註釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

table-layout可能的值

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

table-layout屬性

table-layout語法

table-layout：auto | fixed
默認值：auto

table-layout取值

auto：
默認的自動算法。佈局將基於各單元格的內容。表格在每一單元格讀取計算之後才會顯示出來。速度很慢
fixed：
固定佈局的算法。在這算法中，水平佈局是僅僅基於表格的寬度，表格邊框的寬度，單元格間距，列的寬度，而和表格內容無關。也就是説，內容可能被裁切

table-layout説明

設置或檢索表格的佈局算法。
對應的腳本特性為tableLayout。 [2] 
參考資料