CSS table-layout 屬性
定義和用法
tableLayout 屬性用來顯示表格單元格、行、列的算法規(guī)則。
固定表格布局：
固定表格布局與自動(dòng)表格布局相比，允許瀏覽器更快地對(duì)表格進(jìn)行布局。
在固定表格布局中，水平布局僅取決于表格寬度、列寬度、表格邊框?qū)挾�、單元格間距，而與單元格的內(nèi)容無關(guān)。
通過使用固定表格布局，用戶代理在接收到第一行后就可以顯示表格。
自動(dòng)表格布局：
在自動(dòng)表格布局中，列的寬度是由列單元格中沒有折行的最寬的內(nèi)容設(shè)定的。
此算法有時(shí)會(huì)較慢，這是由于它需要在確定最終的布局之前訪問表格中所有的內(nèi)容。
說明
該屬性指定了完成表布局時(shí)所用的布局算法。固定布局算法比較快，但是不太靈活，而自動(dòng)算法比較慢，不過更能反映傳統(tǒng)的 HTML 表。
| 默認(rèn)值： | auto |
|---|---|
| 繼承性： | yes |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.tableLayout="fixed" |
瀏覽器支持
所有瀏覽器都支持 table-layout 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| automatic | 默認(rèn)。列寬度由單元格內(nèi)容設(shè)定。 |
| fixed | 列寬由表格寬度和列寬度設(shè)定。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 table-layout 屬性的值。 |
TIY 實(shí)例
- 設(shè)置表格的布局
- 本例演示如何設(shè)置表格的布局。