解决 a 在 hove状态下文字加粗后发生偏移的2个办法

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; */
}

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