div 文字 css旋转问题
答案:7 悬赏:20 手机版
解决时间 2021-02-04 11:48
- 提问者网友：火车头
- 2021-02-04 04:11
div 文字 css旋转问题
最佳答案
- 五星知识达人网友：玩世
- 2021-02-04 05:44
webkit核心浏览器使用和火狐浏览器使用transform可以做到旋转，IE要使用DXImage滤镜，代码如下：
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);代码如下：
Untitled
我旋转了
Hello World!
效果如下：
对于英文，IE还有一种方式，使用-ms-writing-mode，中文只能竖排，不能旋转，英文可以
-ms-writing-mode:tb-rl
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);代码如下：
我旋转了
Hello World!
效果如下：
对于英文，IE还有一种方式，使用-ms-writing-mode，中文只能竖排，不能旋转，英文可以
-ms-writing-mode:tb-rl
全部回答
- 1楼网友：街头电车
- 2021-02-04 10:58
div{width:200px;
height:200px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
ie不支持哦
height:200px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
ie不支持哦
- 2楼网友：老鼠爱大米
- 2021-02-04 09:25
你不这样行不，不兼容的，做个图片把
- 3楼网友：你可爱的野爹
- 2021-02-04 08:43
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
这个应该可以实现，试试吧。
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
这个应该可以实现，试试吧。
- 4楼网友：春色三分
- 2021-02-04 08:25
这个只能做图片 。。。
- 5楼网友：走死在岁月里
- 2021-02-04 08:00
#div {
position: absolute;
top: 50px;
left: 300px;
width: 300px;
height: 300px;
line-height: 300px;
text-align: center;
border: 1px solid black;
}