html - 如何以正确的方式旋转-90 单元格？

Question

我正在尝试旋转文本（从单元格旋转到标题列-90 度）。我正在使用以下代码：CSS 旋转文本 - 复杂

这是结果：

http://contoso2.azurewebsites.net/Scores/ListScores

如您所见，当我旋转时不会重新调整，而且我希望所有文本都应该在同一行中，（EXAMENES CON FORMATO 1 应该只是一行，而不是两行）而且它有点超出我的边距猜测。

以正确的方式生产我缺少什么？

Answer 1

要解决包装问题，请使用white-space:nowrap

要获得元素“调整大小”的旋转文本，请使用writing-mode:tb-lr- 这将导致文本从上到下阅读，因此可以选择添加transform:rotate(180deg)以使其从下到上。