img在網(wǎng)頁中直接放的話，底部會(huì)有一個(gè)很小的縫隙，解決方法
第一鸣驱，給圖片img標(biāo)簽display:block。
img{display:block}
第二蝠咆，定義容器里的字體大小為0踊东。
div {
width:110px;
border:1px solid #000000;
font-size:0
}
第三北滥，定義圖片img標(biāo)簽vertical-align:bottom，vertical-align:middle闸翅，vertical-align:top
img{vertical-align:bottom}
其他還有把圖片下邊距設(shè)為負(fù)值和改寫HTML標(biāo)簽的排列再芋。我覺得前三種就完全可以解決了。
造成圖片在IE下與容器下邊界有空隙的原因
圖片文字等inline元素默認(rèn)是和父級(jí)元素的baseline對(duì)齊的缎脾，而baseline又和父級(jí)底邊有一定距離（這個(gè)距離和 font-size祝闻，font-family 相關(guān)占卧，不一定是 5px）遗菠，所以設(shè)置 vertical-align:top/bottom/text-top/text-bottom 都可以避免這種情況出現(xiàn)。而且不光li华蜒，其他的block元素中包含img也會(huì)有這個(gè)現(xiàn)象辙纬。
至于這里的HTML屬性align=”center”（對(duì)于圖片瀏覽器會(huì)處理成align=”middle”），就相當(dāng)于vertical-align:middle; 所以道理也是一樣的叭喜，只要vertical-align不取baseline贺拣，這個(gè)空隙就消失了。
