将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