CSS `table-layout` 属性

说明

table-layout CSS 属性指定用于布局表格单元格、行和列的算法。下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

table-layout:

auto | fixed | initial | inherit

下面的示例显示了 table-layout 属性的作用。

table {
    width: 250px;
    table-layout: fixed;
}

提示： 固定表格布局算法允许浏览器比自动表格布局算法更快地布置表格。一旦接收到第一行，浏览器就可以开始显示表格。

下表描述了该属性的值。

值	说明
`auto`	自动表格布局算法用于表格布局。表格及其单元格的宽度取决于单元格的内容。这是默认值。
`fixed`	表格布局采用固定表格布局算法。表格的横向布局不依赖于单元格的内容；它仅取决于表格的宽度、列的宽度以及边框或单元格间距。表格和列的宽度由表格和列元素的宽度或第一行单元格的宽度设置。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `table-layout` 属性的计算值。

注意：自动表格布局算法会减慢具有大量行或列的表格的渲染速度，因为它需要浏览器在确定最终结果之前访问表格中的所有内容布局。

所有主要的现代浏览器都支持 table-layout 属性。

请参阅以下教程： HTML 表格, CSS 表格.