table-layout CSS屬性指定了用于布局表格單元格、行和列的算法。
下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。
默認(rèn)值: | auto |
---|---|
適用于: | 表和內(nèi)聯(lián)表元素 |
繼承: | 沒有 |
可動(dòng)畫制作: | 否。請(qǐng)參見 動(dòng)畫屬性。 |
版本: | CSS 2、3 |
JavaScript 語法: | object.style.tableLayout="fixed" |
該屬性的語法如下:
table-layout: auto | fixed | initial | inherit
下面的示例演示了如何使用table-layout屬性。
table { width: 250px; table-layout: fixed; }測(cè)試看看?/?
提示:固定表布局算法允許瀏覽器比自動(dòng)表布局算法更快地布局表。一旦接收到第一行,瀏覽器就可以開始顯示該表。。
下表描述了此屬性的值。
值 | 描述 |
---|---|
auto | 自動(dòng)表格布局算法用于表格布局。表格及其單元格的寬度取決于單元格的內(nèi)容。這是默認(rèn)值。 |
fixed | 固定的表格布局算法用于表格布局。
|
initial | 將此屬性設(shè)置為其默認(rèn)值。 |
inherit | 如果指定,則關(guān)聯(lián)元素采用其父元素table-layout的屬性值。 |
注意:自動(dòng)表布局算法會(huì)降低具有大量行或列的表的呈現(xiàn)速度,因?yàn)樗鬄g覽器在確定最終布局之前,能夠訪問表中的所有內(nèi)容。
table-layout屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號(hào);所有主流瀏覽器均支持該屬性。
![]() |
|
請(qǐng)參考有關(guān)以下內(nèi)容的教程:HTML表,CSS表。
相關(guān)屬性:width。