2013-06-19 26 views
5

enter image description here如何讓我的上一個單行文本,當我在CSS

我轉動使細胞與

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

但是,當我的字符串包含超過1個字,這是怎麼回事旋轉多線(如下面的圖)

+0

在jsfiddle.net上設置示例請 –

+0

20px對於寬度確實很小。 – mitchfish36

+0

你有沒有嘗試過將'width'設置爲'auto'或更大的值? [** JSFiddle here **](http://jsfiddle.net/lun471k/C3vWr/2/),試着在這個小提琴上把寬度改回20px。 –

回答

4

您是否嘗試過white-space屬性?文本內

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

NOWRAP

崩塌空白爲正常,但抑制換行符(文本換行)。

空白的預

序列被保存,線僅在源換行字符,並在<br>元件破裂。

簡單實例over here

+1

+1爲MDN鏈接:) –

+0

謝謝! MDN是這類東西的重要來源,imo! – Anto

0

空白:NOWRAP;不工作這是它做我的表

enter image description here

這原本是這樣的:

enter image description here

是否有人知道這個問題的答案?

相關問題