table-layout

  • 發行項

設定指示表格版面配置是否固定的字串。

語法

{ table-layout: sLayout }

可能的值

sLayout

指定下列其中一個值的字串：

auto

預設值。欄寬度是由欄儲存格中最寬且不可中斷的內容所設定。

fixed

表格和欄寬度是由 COL 物件上的寬度總和所設定，或者，如果未指定寬度，則是由第一列儲存格的寬度所設定。如果表格沒有指定寬度，則預設會以 width=100% 來呈現。

此屬性的預設值為 auto 。這不是繼承屬性。

備註

您可以透過指定 table-layout 屬性來最佳化表格呈現效能。此屬性會使瀏覽器一次呈現表格的一列，以較快的速度為使用者提供資訊。 table-layout 屬性會依照下列順序判斷表格的欄寬度：

  • 透過使用 COL 或 COLGROUP 元素的 width 屬性中的資訊。

  • 透過使用第一列之 TD 元素的 width 屬性中的資訊。

  • 透過將表格欄平均分配；不論內容大小如何。

如果儲存格內容超過欄的固定寬度，內容會換行，若無法換行，則會裁剪內容。如果 table-layout 屬性設為 fixed ，可以使用 overflow 屬性來處理超過 TD 元素寬度的內容。如果指定列高度，當換行文字超過設定的高度時會被裁剪。

將屬性設為 fixed 可大幅改善表格呈現速度，尤其對於較長的表格更是如此。

設定列高度可以進一步改善呈現速度，同樣是因為瀏覽器的剖析器可以直接開始呈現，而無須檢查列中每個儲存格內容來判斷列高度。

範例

此範例使用階層式樣式表屬性將表格版面配置設定為 fixed ：

<table style="table-layout:fixed" width=600>
<col width=100><col width=300><col width=200>
<tr height=20>
<td>...</td><td>...</td><td>...</td>
</tr>
:
</table>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) Ee341478.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

table

另請參閱

概念

overflow
max-height
min-height