本文探讨了CSS中line-height属性的继承规则，包括数值、比值和百分比形式。当设置为数值时，子元素继承该数值；为比值时，子元素的line-height基于自身的font-size计算；为百分比时，子元素的line-height取决于父元素的line-height和font-size。通过示例代码展示了不同情况下的页面效果。
line-height属性继承问题
line-height: 50px 数值形式，子元素line-height = 父元素line-height
line-height: 1.5 比值（小数）形式，子元素line-height = 父元素line-height * 子元素font-size
line-height: 100% 百分比形式，子元素line-height = 父元素line-height * 父元素font-size
页面效果
父元素font-size: 20px; 子元素font-size: 15px;
line-height: 50px 数值形式
line-height: 1.5 比值（小数）形式
line-height: 100% 百分比形式
最低0.47元/天 解锁文章
922
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
