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

【问题标题】：Remove margin between rows of overflowing inline elements删除溢出的内联元素行之间的边距
【发布时间】：2011-03-18 23:57:44
【问题描述】：

我正在创建一个基于图块的游戏，并且正在使用块渲染来更新大量图块。我试图以最简单的方式做到这一点，所以我一直在尝试使用 HTML 的默认布局。现在我正在创建“内联块”，省略元素之间的空格以避免它们之间的水平空间，但是当块溢出并创建新行时，会有一些垂直边距，我不知道如何删除。

让这个更清楚一点的例子： http://jsfiddle.net/mLa93/13/

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

【问题讨论】：

【解决方案1】：

努力使您的代码尽可能接近原来的样子：

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

不要使用display: inline-block，而是简单地浮动div元素。

然后，您只需要清除 #container 元素上的浮动，我使用 overflow: hidden; 这样做

【讨论】：