此处为何要加入display:block;没加上我的字体就扭曲不回来了
来源：8-2 CSS3中的变形--扭曲 skew()
svgcc
2017-08-16 11:08
.wrapper2{
margin:100px auto;
width:300px;
height:200px;
border:2px dotted aqua;
}
.wrapper2 div{
width:300px;
height:200px;
line-height:200px;
text-align:center;
background:pink;
transform:skew(45deg,10deg);
-webkit-transform:skew(45deg,10deg);
-moz-transform:skew(45deg,10deg);
}
.wrapper2 span{
display:block;
transform:skew(-45deg,-10deg);
-webkit-transform:skew(-45deg,-10deg);
-moz-transform:skew(-45deg,-10deg);
}
写回答
关注
1回答
-
- 凌寒赋雪3434449
- 2017-08-16 14:46:24
display:block;
是让对象成为块级元素(比如a，span等)
display有很多对象，具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp
一般都是用display:none和display:block来控制层的显示
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题