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

Question

我正在创建一个基于图块的游戏，我正在使用块渲染来更新大量的图块。我试图以最简单的方式执行此操作，因此我一直在尝试使用HTML的默认布局。现在我正在创建'内联块'，省略元素之间的空白以避免它们之间的水平空格，但是当块溢出并创建一个新行时，会有一些垂直边距，其中我不知道如何删除。 / p>

示例使这一点更清晰： http://jsfiddle.net/mLa93/13/

（我只需要在保留简单标记的同时删除块行之间的间距。）

Answer 1

使用display：block并设置float：left。看到这个分叉： http://jsfiddle.net/q5eSG/

Answer 2

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

然后，您只需要清除#container元素上的浮点数，我使用overflow: hidden;

查看工作示例：http://jsfiddle.net/Ymz3m/

Answer 3

努力使代码尽可能接近原样：

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

• 将line-height: 0添加到#container。
• 添加黑客以使display: inline-block在IE7中正常工作。