使用如下的結構後，會發現在FF中A標籤高度增加4px, chrome中增加2px
<a href="javascript:;">
<img src="IMG.src" title=" " alt=" "/>
</a>原理分析：
A元素下有一個匿名文本，該文本外有一個匿名行級盒子，它有的默認vertical-align是baseline的，而且往往因爲上文line-height的影響，使它有個line-height，從而使其有了高度，因爲baseline對齊的原因，這個匿名盒子就會下沉，往下撐開一些距離，所以把a撐高了。
解決方法：
1.消除掉匿名盒子的高度，給A設置line-height:0或font-size:0;(沒成功)
2.給IMG元素增加display:block;使之與匿名行級盒子不在同一佈局中，也就不存在行級元素不在同一不居中的問題了；
轉載地址：http://www.qdfuns.com/notes/16438/17575a92ed15745c7f81fa68f04e5e47.html