html - 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);

}

ソース

Answer 2

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

Answer 3

インライン要素は回転できません。それらをブロックレベルで表示する必要があります。