html中自动旋转90度,如何将HTML旋转90度？

您需要使用CSS才能实现此目的，例如：

#container_2 {

-webkit-transform: rotate(90deg);

-moz-transform: rotate(90deg);

-o-transform: rotate(90deg);

-ms-transform: rotate(90deg);

transform: rotate(90deg);

}

演示：

#container_2 {

width: 100px;

height: 100px;

border: 1px solid red;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}

(演示中有45度旋转，因此可以看到效果)

注意：-o-和-moz-前缀是no longer relevant and probably not required. IE9需要-ms-和Safari和Android浏览器需要-webkit-