使用CSS3/HTML5旋轉文本

Question

我有一個我想要旋轉的<span>。我使用HTML5，CSS3和Internet Explorer 9

我想下面的CSS，但它不工作：

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 

怎樣旋轉的跨度？

Answer 1

-webkit-和-moz-屬性分別針對webkit瀏覽器（Chrome，Safari）和Gecko瀏覽器（Firefox）。

您還需要使用IE的等效項。

.rotate { 

/* Safari, Chrome */ 
-webkit-transform: rotate(-90deg); 

/* Firefox */ 
-moz-transform: rotate(-90deg); 

/* IE */ 
-ms-transform: rotate(-90deg); 

/* Opera */ 
-o-transform: rotate(-90deg); 

/* Older versions of IE */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */ 
transform: rotate(-90deg); 

} 

Source

Answer 2

嘗試-ms-transform: rotate(-90deg);

Answer 3

內聯元素不能被旋轉。你必須將它們顯示爲塊級別。