首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将<div>旋转90度?

如何将<div>旋转90度?
EN

Stack Overflow用户
提问于 2013-01-09 18:38:02
回答 3查看 464.3K关注 0票数 270

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

代码语言:javascript
复制
<div id="container_2"></div>

我该怎么做呢?

EN

回答 3

Stack Overflow用户

发布于 2013-01-09 18:50:20

在CSS中使用以下内容

代码语言:javascript
复制
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);
} 
票数 32
EN

Stack Overflow用户

发布于 2017-06-17 20:18:02

我们可以将以下内容添加到CSS中的特定标记中:

代码语言:javascript
复制
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);

在半旋转的情况下,将90更改为45

票数 1
EN

Stack Overflow用户

发布于 2020-10-15 14:37:04

使用css "rotate()“方法:

代码语言:javascript
复制
div {
  width: 100px;
  height: 100px;
  background-color: yellow;
  border: 1px solid black;
}

div#rotate{
  transform: rotate(90deg);
}
代码语言:javascript
复制
<div>
normal div
</div>
<br>

<div id="rotate">
This div is rotated 90 degrees
</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14233341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档