我的表格标题比表格中的数据宽得多，所以我试图旋转标题中的文本以节省空间。
我一直在尝试 this question 中的建议，我也看过 this和 this .
但是，似乎没有一个答案真正有效:这是我在 JSFiddle 中的尝试.
文本可以旋转，但是 <th>元素未正确调整大小，这就是尝试旋转文本的全部意义所在。
自从提出这些问题以来已经过去 2-4 年了，是否有针对此问题的新解决方案？
最佳答案
您可以使用 CSS 来选择 thead 并相应地调整行的大小:
演示:http://jsfiddle.net/uo44ub6L/
CSS:
thead th {
height: 130px;
}
另一种方法是使用 rowspan="5" 创建一个更大的 th 但是你需要添加一些空白行，你会得到同样的效果.两者都行。
如果您需要动态执行此操作，您可以使用 javascript 选择第 th 并调整跨度长度和字体大小的大小。
关于javascript - HTML 表格标题中的垂直(旋转)文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25318555/