文字占的高度为什么上下会有空隙呢

Question

按理说图中选中文字的高度应该就是与数字"2"的底边平齐吧？ 为啥会多处这么多空隙？

Answer 1

谢邀！文字默认有行高，且分浏览器，目前chrome浏览器默认行高为font-size 1.4倍。基数来源于当前文字的font-size，还有即便设置line-height为数字1(此时是font-size的一倍行高也会有点空隙)你所说的下班对齐只能通过其它手段来做了，比如加大行高，比如定位。。。

Answer 2

因为有yg这种字，所以两边要留空间像你图片里这种铁定不会出现yg这种字的地方，可以把line-height设成和font-size相同来吧两边空白去掉