table-layout 屬性
阿新 • • 發佈:2018-04-15
net 固定布局 繼承性 body explorer 繼承 object 指定 用法
實例
設置表格布局算法:
table
{
table-layout:fixed;
}
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。所有瀏覽器都支持 table-layout 屬性。
定義和用法
tableLayout 屬性用來顯示表格單元格、行、列的算法規則。
固定表格布局:
固定表格布局與自動表格布局相比,允許瀏覽器更快地對表格進行布局。
在固定表格布局中,水平布局僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距,而與單元格的內容無關。
通過使用固定表格布局,用戶代理在接收到第一行後就可以顯示表格。
自動表格布局:
在自動表格布局中,列的寬度是由列單元格中沒有折行的最寬的內容設定的。
此算法有時會較慢,這是由於它需要在確定最終的布局之前訪問表格中所有的內容。
說明
該屬性指定了完成表布局時所用的布局算法。固定布局算法比較快,但是不太靈活,而自動算法比較慢,不過更能反映傳統的 HTML 表。
默認值: | auto |
---|---|
繼承性: | yes |
版本: | CSS2 |
JavaScript 語法: | object.style.tableLayout="fixed" |
可能的值
值 | 描述 |
---|---|
automatic | 默認。列寬度由單元格內容設定。 |
fixed | 列寬由表格寬度和列寬度設定。 |
inherit | 規定應該從父元素繼承 table-layout 屬性的值。 |
table-layout 屬性