table-layout 是 CSS 中用于设置表格布局算法的属性。它用于指定表格单元格的宽度是根据内容自动调整还是根据表格布局算法进行固定。

table-layout 属性可以取两个值:

1. auto: 默认值。表格布局算法自动调整列宽,以适应单元格中的内容。

2. fixed: 表格布局算法根据表格的宽度和列的宽度属性来分配列宽。列宽由 <col> 元素的 width 属性或者首行单元格的宽度决定。

示例:
table {
  table-layout: fixed; /* 使用固定表格布局算法 */
}

table.auto-layout {
  table-layout: auto; /* 使用自动表格布局算法 */
}

在上述示例中,table-layout: fixed; 将表格的布局算法设置为固定,而 table-layout: auto; 使用自动布局算法。使用固定布局可以在大型表格中更精确地控制列宽,而自动布局则根据内容动态调整列宽。


转载请注明出处:http://www.zyzy.cn/article/detail/4268/CSS