Web速查-索引

table-layout

定义

table-layout属性为表设置表格布局形式。

语法

table-layout：automatic|fixed|inherit；

属性值

值 说明
automatic 默认。列宽度由单元格内容设定。
fixed 列宽由表格宽度和列宽度设定。
inherit 规定应该从父元素继承 table-layout 属性的值。

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>

    <style>

        .ex1 {table-layout:auto}

        .ex2 {table-layout:fixed}

    </style>

</head>

<body>

   <table class="ex1" border="1" width="333px">

       <tr>

           <td width="5%">1</td>

           <td width="95%">2</td>

       </tr>

   </table>

   <br>

   <table class="ex2" border="1" width="333px">

       <tr>

           <td width="5%">3</td>

           <td width="95%">4</td>

       </tr>

   </table>

</body>

</html>
1 2

3 4

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
1.0 1.0 1.0 9.0