可以使用 CSS 中的 table-layout 属性来实现。设置 table-layout 属性为 fixed ,然后将第一列的宽度设置为固定值,例如 150px,这样表格的宽度就会被限制在这个宽度范围内,同时表头也会与第一列对齐。
HTML 代码示例:
Column 1
Column 2
Column 3
Row 1, Column 1
Row 1, Column 2
Row 1, Column 3
Row 2, Column 1
Row 2, Column 2
Row 2, Column 3
CSS 代码示例:
.table-fixed {
table-layout: fixed;
width: 100%;
}
.table-fixed th:first-child,
.table-fixed td:first-child {
width: 150px;
}