如何用csstable-layout屬性

這期內容當中小編將會給大家帶來有關如何用css table-layout屬性，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

成都創新互聯公司成都網站建設按需定制開發，是成都網站制作公司,為主動防護網提供網站建設服務,有成熟的網站定制合作流程，提供網站定制設計服務：原型圖制作、網站創意設計、前端HTML5制作、后臺程序開發等。成都網站推廣熱線：18982081108

css table-layout屬性用于為表設置表格布局時所用的布局算法。固定布局算法比較快，但是不太靈活，而自動算法比較慢，不過更能反映傳統的 HTML 表。所有瀏覽器都支持 table-layout 屬性。

css table-layout屬性怎么用？

table-layout屬性為表設置表格布局算法。

語法：

table-layout:automatic|fixed|inherit;

屬性值：

●　automatic：默認。列寬度由單元格內容設定。

●　fixed：列寬由表格寬度和列寬度設定。

●　inherit：規定應該從父元素繼承 table-layout 屬性的值。

說明：該屬性指定了完成表布局時所用的布局算法。固定布局算法比較快，但是不太靈活，而自動算法比較慢，不過更能反映傳統的 HTML 表。

注釋：所有瀏覽器都支持 table-layout 屬性。任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

css table-layout屬性示例

<!DOCTYPE html>
<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>

效果圖：

如何用css table-layout屬性

上述就是小編為大家分享的如何用css table-layout屬性了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創新互聯行業資訊頻道。

當前標題：如何用csstable-layout屬性
新聞來源：http://m.2m8n56k.cn/article36/pgcipg.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、品牌網站設計、云服務器、軟件開發、品牌網站制作、域名注冊

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

如何用csstable-layout屬性