刪除溢出行內元素行之間的邊距

Question

我正在創建基於圖塊的遊戲，並使用塊渲染來更新大量圖塊列表。我試圖以最簡單的方式做到這一點，所以我一直在嘗試使用HTML的默認佈局。現在我正在創建'內聯塊'，省略元素之間的空白以避免它們之間的橫向空間，但是當塊溢出並創建一個新行時，會出現一些垂直邊距，我不知道如何去除。

實施例以使此位更清楚： http://jsfiddle.net/mLa93/13/

（差不多我只需要刪除塊行之間的間距，同時保持簡單的標記。）

Answer 1

在保持你的代碼的努力盡可能接近它是如何爲：

http://jsfiddle.net/mLa93/20/

• 添加line-height: 0至#container。
• 添加hacks使display: inline-block在IE7中工作。

Answer 2

使用顯示：塊，並設置浮： 剩下。看到這個叉子： http://jsfiddle.net/q5eSG/

Answer 3

而不是使用display: inline-block，只需浮動div元素。

然後，你只需要清除浮動你#container元素，我可能會使用overflow: hidden;

退房的工作例如在：http://jsfiddle.net/Ymz3m/