css如何解决font-weight:blod跳动的问题

小编给大家分享一下css如何解决font-weight:blod跳动的问题，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、营销网站、网站程序开发、HTML5响应式重庆网站建设公司、手机网站开发、微商城、网站托管及成都网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为广告设计行业客户提供了网站设计服务。

需求：实现鼠标悬停在链接上时，链接字体加粗的功能。

实现方式1：

a:hover{font-weight:blod}

结果鼠标悬停的时候，页面会有跳动的现象。因为改变字体的时候改变了元素的大小，所以引起了页面的重排，所以会有跳动的现象。

实现方式2：

a:hover{text-shadow: 1px 0 0 currentColor;}

效果对比：

看完了这篇文章，相信你对“css如何解决font-weight:blod跳动的问题”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！