height属性是决定元素高度的因素之一。line-height多用于让单行文字垂直居中。
其实line-height就是让文字居中的height:文字按照line-height设置的高度居中。
但是,在height和line-height同时存在的情况下:
高度以height为准,文字顶部离上边的距离以line-height中所计算的为准。
line-height的使用:
line-height有继承性,也就是说如果一个元素你没有明确地指明它的line-height,则它会去使用离它最近的父级(包括祖辈)元素的line-height。
line-height:150% 和 1.5的区别。百分值:先根据自己的font-size算出具体的line-height,直接把这个算出来的结果给下一代使用。
数值:直接把这个数值传给后代,让它们自己去再去根据自己的font-size*数值 得到自己的line-height。
CSS中height与line-height的区别
本文详细解析了CSS中的height属性与line-height属性的区别及其应用场景。解释了当两者同时存在时,高度如何确定以及文字如何居中。此外还探讨了line-height的继承性和不同表达方式的影响。
height和line-height&spm=1001.2101.3001.5002&articleId=79126552&d=1&t=3&u=103892c49ed94a6abb7582fe92177d60)
478

被折叠的 条评论
为什么被折叠?



