CSS中經(jīng)常會(huì)用到圖片，而在圖片排列的時(shí)候，我們可能會(huì)發(fā)現(xiàn)圖片之間有一些不必要的空隙。這個(gè)問(wèn)題該如何解決呢？

img {
display: block;
float: left;
margin-right: -4px;
}

可以在img標(biāo)簽的樣式中加上上面的代碼，這樣可以消除圖片之間的空隙。其中，margin-right的值取決于你的圖片寬度和邊框?qū)挾鹊拇笮　Ｈ绻愕膱D片有邊框，則需要加上邊框?qū)挾龋駝t就不需要。

需要注意的是，如果你的圖片寬度不一致，這個(gè)方法可能會(huì)導(dǎo)致圖片錯(cuò)位。針對(duì)這種情況，可以加上clear屬性。

.clear {
clear: both;
}

然后在圖片后面添加一段空標(biāo)簽即可。

這樣就可以保證圖片不會(huì)錯(cuò)位了。