UL邊距 - 擺脫他們

Question

如何擺脫我的圖像之間的空間？我希望每個圖像互相接觸。我試圖將margin設置爲0px，但它似乎沒有任何好處。

http://jsfiddle.net/nategines/6EhRZ/

誰能幫助？

Answer 1

在.thumb li上，您應該將display: inline更改爲float: left。這是刪除橫向間隙的最簡單方法：http://jsfiddle.net/thirtydot/6EhRZ/1/

由於我們添加了float: left，因此您可能需要包含浮點數。如果不這樣做，這個問題發生：http://jsfiddle.net/thirtydot/6EhRZ/4/

一個快速的方法來解決這個問題是添加overflow: hidden到ul：http://jsfiddle.net/thirtydot/6EhRZ/5/