a元素下有一個匿名文本，這個文本外有一個匿名行級盒子，它有的默認vertical-align是baseline的，而且往往因爲上文line-height的影響，使它有個line-height，從而使其有了高度，因爲baseline對齊的原因，這個匿名盒子就會下沉，往下撐開一些距離，所以把a撐高了。
解決辦法一是消除掉匿名盒子的高度，也就是給a設置line-height:0或font-size:0;
解決辦法二是給兩者vertical-align:top，讓其top對齊，而不是baseline對齊
解決辦法三是給img以display:block，讓它和匿名行級盒子不在一個佈局上下文中，也就不存在行級盒的對齊問題
其他解決辦法也有，但這些都是從根本上解決問題
作者：張豐麟ZFL
鏈接：https://www.zhihu.com/question/26821863/answer/65552730
來源：知乎
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。