Chrome 超链接下划线离字太近

作者:vkvi 来源:千一网络(原创) 日期:2013-3-4

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

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

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

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

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

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

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

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

你前面那位网友看了:onmousemove与onmouseover区别

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
赞助商们
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他