共计 446 个字符,预计需要花费 2 分钟才能阅读完成。
line-height 继承的三种状况
- line-height=20px
body {
line-height: 20px;
font-size: 30px;
}
p {font-size: 16px;}
这时候 p 标签的 line-height=20px,继承 body 的 line-height=20px
-
line-hieght=1.5
body { line-height: 1.5; font-size: 30px; } p {font-size: 16px;}
这时候 p 标签的 line-height=1.5,继承 body 的 line-height=1.5。则 p 标签的 line-height=16px * 1.5 = 24px
-
line-hieght=200%
body { line-height: 200%; font-size: 30px; } p {font-size: 16px;}
这时候 p 标签的 line-height=60px,先计算 body 的 line-height=200% = 200% * 30px = 60px。再 p 标签继承 body 的 line-height=60px
正文完