当我在CSS中旋转时，如何在单行上获取文本

Question

我正在用

旋转一个Cell

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

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

Answer 1

如果我的想法是正确的，试试这个，

向您的单元格添加white-space: nowrap;。

jsfiddle example here，请阅读white-space here。

Answer 2

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

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

  

nowrap

     

与正常情况一样折叠空格，但禁止文本中的换行符（文本换行）。

     

前

     

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

简单示例over here