CSS table-layout属性

定义和用法

table-layout属性定义用于布置表格单元格，行和列的算法。

提示：table-layout:fixed;的主要好处是表格渲染得更快。在大型表上，在浏览器呈现整个表之前，用户将看不到表的任何部分。因此，如果使用table-layout：fixed，用户将在浏览器加载时看到表的顶部并呈现表的其余部分。这给人的印象是页面加载速度更快！

特征	说明
默认值	auto
继承	没有
动画	没有。CSS动画参考
CSS版本	CSS2
JavaScript语法	object.style.tableLayout="fixed"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
table-layout	5.0+	14.0+	1.0+	1.0+	7.0+

table-layout: auto|fixed|initial|inherit;

设置不同的表格布局算法：

table.a {
  table-layout: auto;
  width: 180px; 
}

table.b {
  table-layout: fixed;
  width: 180px; 
}

属性值	描述
auto	浏览器使用自动表格布局算法。列宽由单元格中最宽的不可破坏内容设置。内容将决定布局
fixed	设置固定的表格布局算法。表格和列宽度由table和col的宽度或第一行单元格的宽度设置。其他行中的单元格不会影响列宽。如果第一行上没有宽度，则无论单元格内部的内容如何，列宽均在表格中平均分配
initial	将此属性设置为其默认值。查看initial关键字
inherit	从其父元素继承此属性。查看inherit关键字