关于lineheight

关于line-height。平时你是否也一样。

在写行高的时候只知道是写了行高,间距就会变大。

但是你知道他的原理么?

行高要怎么写才好?

其实。

浏览器计算和分配行间距的方法

间距 = "line-height" – "font-size";
文本上下分配大小 = 间距/2;
字号 = 12px; line-height:3;
间距 = 3*12 – 12 = 24(px);
文本上下分配大小 = 24/2 = 12(px)

文字间距就会是12*2=24px

所以写行高还是写倍数的比较好。直接写20px会把行高给定死。当字体过大时,文字就会缩成一团。

原文地址:https://www.cnblogs.com/ihqn19/p/2913575.html