CSS table-layout 属性

设置表格的布局算法：

<!DOCTYPE html>
<html>
<head>
  <style>
    table.ex1 {
      table-layout: auto
    }

    table.ex2 {
      table-layout: fixed
    }
  </style>
</head>

<body>
  <table class="ex1" border="1" width="100%">
    <tr>
      <td width="5%">1000000000000000000000000000</td>
      <td width="95%">10000000</td>
    </tr>
  </table>
  <br>

  <table class="ex2" border="1" width="100%">
    <tr>
      <td width="5%">1000000000000000000000000000</td>
      <td width="95%">10000000</td>
    </tr>
  </table>

</body>
</html>

尝试一下 »

属性定义及使用说明

table-layout属性为表设置表格布局算法。

默认值： auto
继承： no
版本： CSS2
JavaScript 语法： object.style.tableLayout="fixed"

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持table-layout属性。

注意： IE7和更早的版本不支持"inherit"的值。IE8需要定义！DOCTYPE。IE9支持"inherit"。

属性值

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

相关文章

CSS 教程: CSS 表格