text/divを90度回転させる（静的）

divを90度回転させるクロスブラウザ方式が必要で、それに応じてすべての要素が回転します。これは静的な配置（アニメーションではない）のためのものです。text/divを90度回転させる（静的）

ベストプラクティス？

あなたはdiv要素の内容を回転させるためにCSSを使用することができます

2011-01-06 Jason

：

/* FF Chrome Opera etc */ 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
/* IE */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

編集追加オペラCSS

出典

2011-01-06 02:37:06

しかし、これをサポートするブラウザでのみ。これを見つけるための簡単な方法はhttp://html5test.com/で、2番目のカテゴリ「Canvas」を見てください。 – Ben

@Steveこれはなぜキャンバスに関連するのでしょうか？これはCSSの2D変換http://www.w3.org/TR/css3-2d-transforms –

CSS3はまだ「クロスブラウザ」と考えられていますか？ –

誰もがIE8でこれを実装しようとスタックしている場合は、以下のCSS試してみてください。

を

writing-mode: vertical-lr; 
-ms-writing-mode: bt-lr; /* IE8 */

https://msdn.microsoft.com/en-us/library/ie/ms531187%28v=vs.85%29.aspx

それは私のために働いた！ :)

出典

2015-04-02 00:07:00 Ben

text/divを90度回転させる（静的）

答えて

関連する問題