旋转文字/格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

它为我工作！ :)