html元素img之間會(huì)有空隙的原因以及如何消除？IE6、IE7下 img與div（block類型元素）下邊有間隔（或許叫縫隙、空隙）。IE7才會(huì)有這個(gè)問(wèn)題，IE8下是沒(méi)有的。 1.：定義圖片i

html元素img之間會(huì)有空隙的原因以及如何消除？

IE6、IE7下 img與div（block類型元素）下邊有間隔（或許叫縫隙、空隙）。IE7才會(huì)有這個(gè)問(wèn)題，IE8下是沒(méi)有的。 1.：定義圖片img標(biāo)簽vertical-align:bottom，vertical-align:middle，vertical-align:topimg{vertical-align:bottom} 2.：定義容器里的字體大小為0:div {width:110pxborder:1px solid #000000font-size:0}；原因：圖片文字等inline元素默許是和父級(jí)元素的baseline對(duì)齊的，而baseline又和父級(jí)底邊有必定間隔（這個(gè)間隔和 font-size，font-family 相關(guān)），所以設(shè)置 vertical-align:top/bottom/text-top/text-bottom 都能夠防止這種狀況呈現(xiàn)。而且不光li，其他的block元素中包括img也會(huì)有這個(gè)景象。這兩種方法都是可以的

html代碼里，怎么讓圖片跟圖片之間沒(méi)有空隙？

其實(shí)在很多基于W3C標(biāo)準(zhǔn)的瀏覽器當(dāng)中圖片和圖片之間是不會(huì)有間隙的，只有在IE中才會(huì)有。