css table-layout屬性(表格布局)

2012/11/25 22:06:58作者：佚名來源：網(wǎng)絡

移動端

【實例介紹】

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

【基本語法】

table-layout：auto|fixed

【語法介紹】

auto：默認值。默認的自動算法。布局將基于各單元格的內(nèi)容。表格在每一單元格內(nèi)所有
內(nèi)容讀取計算之后才會顯示出來。

fixed：固定布局的算法。在這種算法中，表格和列的寬度取決于c01對象的寬度總和，假
如沒有指定，則會取決于第一行每個單元格的寬度。假如表格沒有指定寬度(width)屬性，則
表格被呈遞的默認寬度為100％。

【實例代碼】


 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style>
.tbl {table-layout:fixed;}
.td {overflow:hidden;}
</style>
<table class="tbl" border="1" width="200">
<tr>
<td width="50%" class="td" nowrap>
<div>輕輕的我走了，正如我輕輕的來</div></td>
<td class=td nowrap><div>輕輕的我走了，正如我輕輕的來</div>
</td>
</tr>
</table>
</body>
</html>
【代碼分析】

在代碼中，加粗部分的標記是在使用百分比固定td大小的情況下使用樣式table-layout：fixed
與nowrap，并且使用div，如圖15．4所示。

表格屬性