老师讲的3-11图文样式,,貌似不对,根据代码body里面line-height:200%,效果不是跟body计算,还是根据元素本身*2

来源:3-12 图文样式-解题

李慧_0001

2020-08-08

写回答

2回答

双越

2020-08-08

body {
    font-size: 20px;
    line-height: 200%;
}
p {
    background-color: #ccc;
    font-size: 16px;
}

此时 p 标签计算出来的 line-height 是 40px 。自己可以去运行 demo 试试。

//img.mukewang.com/szimg/5f2dfa38092a2ffa14280722.jpg

1
1
李慧_0001
非常感谢!
2020-08-12
共1条回复

PAN_0109

2020-08-20

如果你子元素中也写了 line-heigh 的话,那么行高就是 (子元素的line-height * body的font-size) 了,但这就不是继承了

0
0

一天时间高效准备前端技术一面 匹配大厂面试要求

针对时下面试高频考点,帮助新人js面试快速通关

4694 学习 · 1681 问题

查看课程