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

CSS3轮换问题

1 个答案: