html - 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属性更改元素的旋转原点。