§ ITPOW >> 文档 >> CSS

Chrome 超链接下划线离字太近

作者:vkvi 来源:ITPOW(原创) 日期:2013-3-4

在 Chrome 浏览器中,超链接的下划线离字总是太近,英文还好,中文看起就是一饼粘,不舒服。

很多人提到了更换字体和字体大小来解决,我觉得这个有点削足适履。

也有人提到了用背景图片作下划线。

但是,你会发现,必须将 a 设置为 display:block,否则 background 的位置 y 无论如何不能大于 font-size,否则就显示不出来,也就是说背景仍然是贴着文字的。

虽然设置了 display:block,可以将“下划线”调整到较远的位置,但是,在文章中将超链接设置为 display:block 是不现实的。

我发现还有一种方法,用边框。

如果觉得还不够远,还可以调整 padding-bottom。

不过,我没有在更多的浏览器中测试过,估计要在所有浏览器中兼容,还要写几行代码才行。

相关文章