CSS table-layout 属性

在 CSS 中，table-layout 属性用于指定表格的布局算法，即如何分配表格的宽度。该属性有两个可能的取值：auto 和 fixed。

table-layout: auto

默认值为 auto，表示浏览器会根据单元格内容自动调整表格的宽度。这意味着表格的列宽会根据内容的长度自动调整，可能会导致表格的列宽不一致。

示例代码：

table {
  table-layout: auto;
}

table-layout: fixed

当设置为 fixed 时，表格的布局会更加稳定，每列的宽度由表格的宽度和列宽属性决定。这样可以确保表格的列宽始终保持一致。

示例代码：

table {
  table-layout: fixed;
}

应用场景

• 当表格中的内容长度不一致，但需要保持列宽一致时，可以使用 table-layout: fixed。
• 当需要通过 CSS 来控制表格的列宽时，也可以使用 table-layout: fixed。

以上是关于 CSS 属性 table-layout 的介绍，根据不同的需求选择合适的取值来控制表格的布局。