vivi 发表于 2018-3-15 15:25:43

疑问:有关 line-height 继承的问题

对于此处的理解,不知道是否正确,所以请高人指点!
相关代码:http://demo.cssworld.cn/5/2-5.php
虽然是子元素设置的 line-height 值,但是在渲染的时候首先被父元素所用,父元素的属性计算了之后才继承给子元素,所以对于 line-height: 150% / 1.5em 的值,是父元素计算好了进行继承的结果。

vivi 发表于 2018-3-20 10:59:03

这里我理解错了呢,忘记了父元素设置了 inline-height ,所以还是先从父元素开始渲染,计算出值了继承给子元素,如果内联子元素设置了 display: inline-block,则不会继承父元素的值,而是自成一派!

1587825300 发表于 2018-3-18 18:26:56

不对的,不是子元素设置,这是大神说的line-height的继承性,不同的值他的继承效果不同,数值:14px,子元素全部继承为14px;倍数:1.5,根据子元素的font-size大小相乘得出;百分数和长度值,则全部根据父元素设置的font-size大小相乘,然后子元素全部继承这个得出的值。

看了楼主两个帖子,还是要加油哦!

vivi 发表于 2018-3-20 10:52:25

1587825300 发表于 2018-3-18 18:26
不对的,不是子元素设置,这是大神说的line-height的继承性,不同的值他的继承效果不同,数值:14px,子元素 ...

谢谢!我明白了呢,主要是我忘记父元素设置了 line-height, 以为只有子元素设置了导致的理解错误,谢谢!!
页: [1]
查看完整版本: 疑问:有关 line-height 继承的问题