CSS3旋转问题

Question

我将div标签中的所有内容设置为水平。不过，我有这个div标签中的元素，我想垂直显示。

我的水平风格的DIV是

/* Safari */ 
-webkit-transform: rotate(-90deg); 

/* Firefox */ 
-moz-transform: rotate(-90deg); 

/* IE */ 
-ms-transform: rotate(-90deg); 

/* Opera */ 
-o-transform: rotate(-90deg); 

/* Internet Explorer */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

我将如何有效地获得在一个单独的DIV摆脱这种转变的？

Answer 1

如果你想重置它的子元素，撤消旋转（http://jsfiddle.net/yDGqz/）：

-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

您可能需要设置transform-origin属性来改变元素的旋转原点。