css - 当我在 CSS 中旋转时，如何将我的文本放在一行上

Question

我正在旋转一个单元格

height: 500px;
width: 20px;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);

但是当我的字符串包含超过 1 个单词时，它会变成多行（如下图所示）

Answer 1

如果我发现是正确的，试试这个，

将 a 添加white-space: nowrap;到您的单元格中。

jsfiddle 示例在这里，阅读空白在这里。

Answer 2

您是否尝试过white-space属性？

white-space: nowrap; /* or pre */

无包装

像正常一样折叠空白，但抑制文本中的换行符（文本换行）。

预

<br>保留空白序列，仅在源和元素中的换行符处换行。

简单的例子在这里