我有一个<span>
我想旋转的。我正在使用 HTML5、CSS3 和 Internet Explorer 9。
我尝试了下面的 CSS,但它不起作用:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
如何旋转跨度?
我有一个<span>
我想旋转的。我正在使用 HTML5、CSS3 和 Internet Explorer 9。
我尝试了下面的 CSS,但它不起作用:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
如何旋转跨度?
-webkit-
和-moz-
属性分别适用于 webkit 浏览器(Chrome、Safari)和 Gecko 浏览器(Firefox)。
您还需要对 IE 使用等效项。
.rotate {
/* Safari, Chrome */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);
}
尝试-ms-transform: rotate(-90deg);
内联元素不能旋转。您必须将它们显示为块级别。