(1-2)line-height的各类属性值
程序员文章站
2022-06-27 21:47:55
(1-2)line-height的各类属性值 首先来个疑问!没有问题印象不深嘛 一、line-height支持哪些属性值呢? 五只手指头就能数过来了咯。 比如normal, , ,,。啊,惊奇发现,刚刚好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 避免各浏览器的舍入问题,
---------------------------------------------------------分割线---------------------------------------------------
小编码字找图不易,觉得好可以关注,后续还有继续推文噢
上一篇: 【前端词典】4 个实用有趣的 JS 特性
下一篇: Vue学习之Babel配置(十六)