将text / div旋转90度（静态）

Question

需要使用跨浏览器方法将div旋转90度，并且相应地旋转内部的所有元素。这是静态放置（不是动画）。

最佳做法？

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

编辑添加了Opera 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

它对我有用！ ：）