css table-layout屬性


  翻譯結果:

table

英[ˈteɪbl]   美[ˈtebəl]  

n.桌;表,目錄;手術台,工作台,遊戲台;平地層

vt.製錶;擱置;嵌合;擱置

adj.桌子的

layout

##英[ˈleɪaʊt]   美[ˈleˌaʊt]  

n.佈局,安排,設計;佈置圖,規劃圖

css table-layout屬性語法

作用:tableLayout 屬性用來顯示表格單元格、行、列的演算法規則。

說明:此屬性指定了完成表格佈局時所使用的佈局演算法。固定佈局演算法比較快,但不太靈活,而自動演算法比較慢,不過更能反映傳統的 HTML 表。    

註解:所有瀏覽器都支援 table-layout 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。

css table-layout屬性範例

<html>
<head>
<style type="text/css">
table.one
{
table-layout: automatic
}
table.two
{
table-layout: fixed
}
</style>
</head>
<body>
<table class="one" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
<br />
<table class="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

熱門推薦

首頁

影片

問答