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

總結： 不推薦用第一種方法；建議用第二種實現