本文详细解析了CSS中line-height属性的两种不同设置方式——百分比和小数倍，并通过实例展示了这两种设置对于不同字体大小的影响。
line-height：150% 是继承父元素的距离
line-height：1.5 是计算各子元素的距离
1、当line - height 为百分比时：
body{
font-size:14px; line-height:150%;
}
p{
font-size:21px;
}
结果就是:
body{
line-height:21px;//14*150%=21
}
p{
line-height:21px;//继承父元素
}
2、当line-height 为 X.X时：
body{
font-size:14px;
line-height:1.5;
}
.p1{
font-size:26px;
}
.p2{
font-size:21px;
}
结果就是：
body{
line-height:39px;//26*1.5 = 39
}
.p1{
line-height:39px;//26*1.5=39
}
.p2{
line-height:31px;//21*1.5 = 31.5(约等于31)
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
