CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS table-layout 屬性使用方法及示例

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的使用語法

該屬性的語法如下:

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

固定的表格布局算法用于表格布局。

  • 表格的水平布局不取決于單元格的內(nèi)容;它僅取決于表格的寬度,列的寬度以及邊框或單元格的間距。

  • 表和列的寬度由table和col元素的寬度或單元格第一行的寬度設(shè)置。

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);所有主流瀏覽器均支持該屬性。

瀏覽器圖標(biāo)
  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 7+

進(jìn)一步閱讀

請(qǐng)參考有關(guān)以下內(nèi)容的教程:HTML表,CSS表。

相關(guān)屬性:width。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清