每次插入圖片底下都會(huì)產(chǎn)生一條縫隙，今天查到原來(lái)是隱匿空白文本造成的，有三種辦法可以解決此問(wèn)題

1.設(shè)置img的display:block;

2.設(shè)置Img的vertical:bottom;

3.設(shè)置Img的父元素的line-height:0;

和這個(gè)相似的一個(gè)問(wèn)題，兩個(gè)行內(nèi)框，一個(gè)是空白的，另一個(gè)里面有文字，這時(shí)可以發(fā)現(xiàn)兩個(gè)行內(nèi)框不但不對(duì)齊且相差很大，大概就是空白框的底部與第二個(gè)行內(nèi)框的文字? ? ? ? ? ? 底部對(duì)齊，此時(shí)將有文字的div 設(shè)置vertical-align:top/bottom