关于css的li a 标签的样式:字体和行高

作为一个自学的初学者,今天被一个包含了字体的li标签的行高给折腾的死去活来的。

简单的讲就是字体的高度并不是我们看到的意义上的有颜色的部分,还会包含前后左右的空白。

如下图: 通过font-size设置文字高度为x像素的的话,文字实际显示占据的阴影部分的高度是x*(1+y)像素。

y的波动是 0.4~0.7之间。当超过100像素以后,y就固定是0.4。

猜测不同的字体会有不同的比例,没有在做更加深度的研究了。

还是误会了html标签,对标签进行样式设置都是符合定义的,不听话的是字体。
关于css的li a 标签的样式:字体和行高

已经使用过的搜索内容:
ul和li之间的间隙
image的行高规律
li元素里面有空隙,怎么解决

如果你通过其他关键词检索进来,欢迎留言,造福后人。