大地Dudy,前端工程師 / 全棧開發(fā)工程師
a元素下有一個匿名文本迈倍,這個文本外有一個匿名行級盒子侵浸,它有的默認vertical-align是baseline的,而且往往因為上文line-height的影響胶坠,使它有個line-height,從而使其有了高度繁堡,因為baseline對齊的原因涵但,這個匿名盒子就會下沉,往下?lián)伍_一些距離帖蔓,所以把a撐高了矮瘟。
解決辦法一是消除掉匿名盒子的高度,也就是給a設(shè)置line-height:0或font-size:0;
解決辦法二是給兩者vertical-align:top塑娇,讓其top對齊澈侠,而不是baseline對齊
解決辦法三是給img以display:block,讓它和匿名行級盒子不在一個布局上下文中埋酬,也就不存在行級盒的對齊問題
其他解決辦法也有哨啃,但這些都是從根本上解決問題