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。