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>
#點擊 "執行實例" 按鈕查看線上實例