如何将

旋转 90 度？

我有一个<div>我想旋转 90 度：

<div id="container_2"></div>

我怎样才能做到这一点？

你需要 CSS 来实现这一点，例如：

#container_2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

Demo:

#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);
}

<div id="container_2"></div>

（demo中有45度旋转，可以看看效果）

Note: The -o- and -moz-前缀是不再相关并且可能不需要 http://caniuse.com/#feat=transforms2d。 IE9需要-ms-Safari 和 Android 浏览器需要-webkit-

2018 年更新：不再需要供应商前缀。仅有的transform足够了。 （感谢@rinogo）