可以通过CSS设置表头单元格的样式,使得它支持换行并且高度可以自适应。同时,可以通过设置其他标题单元格的样式,使它们的高度保持一致,不受表头单元格的影响。
代码示例:
table { border-collapse: collapse; width: 100%; }
th { background-color: #f2f2f2; font-weight: bold; padding: 8px; text-align: left; white-space: normal; /* 允许换行 */ }
td { border: 1px solid #ddd; padding: 8px; text-align: left; }
/* 设置其他标题单元格高度一致 / td:not(:first-of-type), th:not(:first-of-type) { height: 50px; / 设置一个固定的高度 */ }
上一篇:表头出现在页面底部。
下一篇:表头单元格中的垂直文本