在 Chrome 浏览器中,超链接的下划线离字总是太近,英文还好,中文看起就是一饼粘,不舒服。
很多人提到了更换字体和字体大小来解决,我觉得这个有点削足适履。
也有人提到了用背景图片作下划线。
但是,你会发现,必须将 a 设置为 display:block,否则 background 的位置 y 无论如何不能大于 font-size,否则就显示不出来,也就是说背景仍然是贴着文字的。
虽然设置了 display:block,可以将“下划线”调整到较远的位置,但是,在文章中将超链接设置为 display:block 是不现实的。
我发现还有一种方法,用边框。
如果觉得还不够远,还可以调整 padding-bottom。
不过,我没有在更多的浏览器中测试过,估计要在所有浏览器中兼容,还要写几行代码才行。