旋轉文字/格90度（靜態）

Question

需要跨瀏覽器方法旋轉90度div，並且所有元素都相應地旋轉。這是爲了靜態放置（不是動畫）。

最佳做法？

Answer 1

您可以使用CSS來旋轉一個div的內容：

/* 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

Answer 2

如果有人被卡住試圖在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

它爲我工作！ :)