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