（1-2）line-height的各类属性值

Posted 2021-01-20 chase-star

　　　　　　　　　　　　　　　　　　　　（1-2）line-height的各类属性值　

首先来个疑问！没有问题印象不深嘛

一、line-height支持哪些属性值呢？

五只手指头就能数过来了咯。 比如normal, <number>, <length>,<percent>,<inherit>。啊，惊奇发现，刚刚好5个，

接下来是长长的大图，有图有真相~~

 

 

 

 

　　这里可能大家有点看不明白，line-height: 1.5呢，就是利用其继承性，让它所有的子元素都具有1.5倍的行高，

然后乘上它自己的font-size值，就得到你看到的样子啦。

　　而line-height：150%呢，就是直接将应用上这个line-height：150%的元素乘上其font-size，得到行高再继承给

它的所有子元素。不是再重新计算噢

 

1.4286 避免各浏览器的舍入问题，

 

 

---------------------------------------------------------分割线---------------------------------------------------

 

 

 

小编码字找图不易，觉得好可以关注，后续还有继续推文噢