删除溢出行内元素行之间的边距

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/