<div style="line-height:200%;font-size:15px;">父元素<div style="font-size:30px;">子元素</div></div>
① 父元素的行高为200%时，会根据父元素的字体大小先计算出...
<div style="line-height:200%;font-size:15px;">
父元素<div style="font-size:30px;">子元素</div>
</div>
① 父元素的行高为200%时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height:200%时，子元素的行高等于15px * 200% = 30px。
② 父元素的行高为2.0em时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height:2.0em时，子元素的行高等于15px * 2.0em = 30px。
③ 父元素的行高为2.0时，会根据子元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height:2.0时，子元素的行高等于30px * 2.0 = 60px。
-
发表于 2020-07-05 12:41
- 阅读 ( 561 )
- 分类：web前端开发
