我有一个想要旋转90度的<div>
:
<div id="container_2"></div>
我该怎么做呢?
发布于 2013-01-09 18:50:20
在CSS中使用以下内容
div {
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-moz-transform: rotate(90deg); /* Firefox */
-ms-transform: rotate(90deg); /* IE 9 */
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
}
发布于 2017-06-17 20:18:02
我们可以将以下内容添加到CSS中的特定标记中:
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
在半旋转的情况下,将90
更改为45
。
发布于 2020-10-15 14:37:04
使用css "rotate()“方法:
div {
width: 100px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#rotate{
transform: rotate(90deg);
}
<div>
normal div
</div>
<br>
<div id="rotate">
This div is rotated 90 degrees
</div>
https://stackoverflow.com/questions/14233341
复制相似问题