Xoay văn bản bằng CSS3/HTML5

Question

Tôi có một số <span> mà tôi muốn xoay. Tôi đang sử dụng HTML5, CSS3, và Internet Explorer 9.

tôi đã cố gắng dưới đây CSS, nhưng nó không làm việc:

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

Làm thế nào để xoay nhịp?

Answer 1

-webkit- và -moz- thuộc tính dành cho trình duyệt webkit (Chrome, Safari) và trình duyệt Gecko (Firefox) tương ứng.

Bạn cũng cần sử dụng tương đương cho 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

Hãy thử -ms-transform: rotate(-90deg);

Answer 3

yếu tố Inline không thể được luân chuyển. bạn phải hiển thị chúng dưới dạng mức khối.