實(shí)例

設(shè)置表格布局算法：

table
  {
  table-layout:fixed;
  }

親自試一試

瀏覽器支持

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

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

定義和用法

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

固定表格布局：

固定表格布局與自動(dòng)表格布局相比，允許瀏覽器更快地對(duì)表格進(jìn)行布局。

在固定表格布局中，水平布局僅取決于表格寬度、列寬度、表格邊框?qū)挾取卧耖g距，而與單元格的內(nèi)容無關(guān)。

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

自動(dòng)表格布局：

在自動(dòng)表格布局中，列的寬度是由列單元格中沒有折行的最寬的內(nèi)容設(shè)定的。

此算法有時(shí)會(huì)較慢，這是由于它需要在確定最終的布局之前訪問表格中所有的內(nèi)容。

說明

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

可能的值

相關(guān)頁面

CSS 教程：CSS 表格

HTML DOM 參考手冊(cè)：tableLayout 屬性