在HTML布局中有一個(gè)bug很詭異,當(dāng)div包裹一個(gè)img的時(shí)候會(huì)出現(xiàn)3px的下邊距問(wèn)題笔刹,找了些資料沒(méi)說(shuō)原理,不過(guò)有三個(gè)解決方案:
1)給div設(shè)置樣式 =>? font-size: 0;
2)給img設(shè)置樣式 =>? display:block;
3)給img設(shè)置樣式 =>? ?vertical-align:top;?
推薦使用第二種解決方案梨熙,估計(jì)是因?yàn)榈谝环N如果div里面有文字就需要重新設(shè)置font-size樣式沃琅,第三種是根據(jù)父級(jí)的基線為準(zhǔn)來(lái),如果父級(jí)有內(nèi)邊距就會(huì)有影響