table-layout
描述
table-layout CSS 属性设置用于布局 <table> 单元格、行和列的算法。
效果展示
语法
css
/* Keyword values */
table-layout: auto;
table-layout: fixed;值
- auto 使用自动表格布局算法。调整表格及其单元格的宽度以适合内容。大多数浏览器默认使用此算法。
- fixed 使用固定表布局算法。使用此关键字时，需要使用 width 属性显式指定表格的宽度。如果 width 属性的值设置为 auto 或未指定，浏览器将使用自动表格布局算法，在这种情况下， fixed 值具有没有效果。 固定表格布局算法比自动布局算法更快，因为表格的水平布局仅取决于表格的宽度、列的宽度以及边框或单元格间距。水平布局不依赖于单元格的内容，因为它仅依赖于显式设置的宽度。 在固定表格布局算法中，每列的宽度确定如下：
- 具有显式宽度的列元素设置该列的宽度。
- 否则，第一行中具有明确宽度的单元格确定该列的宽度。
- 否则，列从共享的剩余水平空间获取宽度。
使用此算法，一旦下载并分析了第一个表行，就可以呈现整个表。与“自动”布局方法相比，这可以加快渲染时间，但后续单元格内容可能不适合提供的列宽度。单元格使用 overflow 属性来确定是否剪切任何溢出的内容，但前提是表格的宽度已知；否则，它们不会溢出单元格。