我想，做前端的技術(shù)人員肯定也遇到過和小編一樣的問題，那就是為什么a標(biāo)簽中使用img后的高度多了幾個(gè)像素？這幾天小編整理了幾種解決辦法，希望對遇到同樣問題的你有所幫助。
　　a元素下有一個(gè)匿名文本，這個(gè)文本外有一個(gè)匿名行級盒子，它有的默認(rèn)vertical-align是baseline的，而且往往因?yàn)樯衔膌ine-height的影響，使它有個(gè)line-height，從而使其有了高度，因?yàn)閎aseline對齊的原因，這個(gè)匿名盒子就會下沉，往下?lián)伍_一些距離，所以把a(bǔ)撐高了。
　　解決辦法一：是消除掉匿名盒子的高度，也就是給a設(shè)置line-height:0或font-size:0;
　　解決辦法二：是給兩者vertical-align:top，讓其top對齊，而不是baseline對齊
　　解決辦法三：是給img以display:block，讓它和匿名行級盒子不在一個(gè)布局上下文中，也就不存在行級盒的對齊問題。
　　以上的三種解決辦法，就是今天小編和大家分享的，其他的解決辦法也是有的，但是這幾種是最常用的，希望對你有所幫助。