(1-2)line-height的各类属性值

2018-11-20 03:16:31来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

                    (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 避免各浏览器的舍入问题,

 

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

 

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Vue.js之生命周期

下一篇:极速搭建RTMP直播流服务器+webapp (vue) 简单实现直播效果