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