當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > css table-layout屬性(表格布局)

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

2012/11/25 22:06:58作者：佚名來源：網絡

移動端

【實例介紹】

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

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

【基本語法】

table-layout：auto|fixed

【語法介紹】

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

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所示。

表格屬性

【素材及源碼下載】

請點擊：css table-layout屬性(表格布局) 下載本實例相關素材及源碼

標簽：表格

上一篇：css caption-side屬性(表格標題位置)
下一篇：css實現隔行換色的斑馬紋表格

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频