Html CSS3轮换问题

Html CSS3轮换问题,html,css,rotation,Html,Css,Rotation,我将div标记中的所有内容设置为水平显示。但是,我在这个div标记中有一些元素,我希望它们看起来是垂直的 我的水平样式div是 /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /*

我将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上有效地消除此转换?

如果要在子元素上重置它,请撤消旋转:

您可能需要设置属性以更改元素的旋转原点。

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