CSS：table-layout 属性

table-layout 属性是CSS中用于定义表格布局算法的属性。这个属性有两个可能的取值：

1. auto：默认值。浏览器根据单元格的内容和列宽来自动调整表格的布局。

table {
  table-layout: auto;
}

2. fixed：表格布局不依赖于单元格的内容或者表格的宽度。所有列宽度由列宽属性（width 和 min-width）来决定。

table {
  table-layout: fixed;
}

使用 fixed 可以提高表格的性能，因为浏览器可以更早地渲染表格，而无需等待整个表格的内容加载完毕。

示例：

table {
  width: 100%; /* 设置表格宽度为100% */
  table-layout: fixed; /* 使用固定布局算法 */
}

th, td {
  border: 1px solid #ddd; /* 添加边框 */
  padding: 8px; /* 添加内边距 */
  text-align: left; /* 文本左对齐 */
}

这个示例中，表格宽度被设置为100%，并且使用了固定的表格布局算法。这可以使得每列的宽度由列头部的宽度来决定，而不受内容的影响。

转载请注明出处：http://www.pingtaimeng.com/article/detail/6130/CSS