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屬性以更改元素的旋轉原點。