首页 > 技术文章 > 解决 a 在 hove状态下文字加粗后发生偏移的2个办法

chen-cheng 2022-03-31 17:39 原文

1、给a标签写固定宽度

a{
  width:250px;  
}

2、利用文字投影 text-shadow

 a:hover{
text-shadow: 0 0 .65px #333, 0 0 .65px #333;
/*如果想要更明显的效果请使用下面这一行 */
/*text-shadow: 0 0 .9px #333, 0 0 .9px #333, 0 0 .9px #333; */
}

总结: 不推荐用第一种方法;建议用第二种实现

推荐阅读