重叠内联div

Question

我有this problem而我正在尝试使用jsfiddle解决它，但我不擅长CSS。希望你能帮我解决这个问题。我想在第二行分开下一个div。只是一点空间，以避免重叠。我需要它显示内联，但问题是如果它进入下一行，下一行div与前一行div重叠。如何知道我将所有div设置为内联显示，从中添加边距？

提前致谢：）

Answer 1

这可以接受吗？

http://jsfiddle.net/2bLs7/11/

.a{
    border:solid 1px black;
    display:inline-block;
    margin-bottom: 1px;

    zoom: 1;
    *display: inline
}

更改为inline-block可能不是您所追求的，但如果您不介意这样做，这似乎很好。

我包含了制作此work in IE7所需的黑客。

Answer 2

试试这个：

.a {
  border: solid 1px black;
  display: inline-block;
  margin: 5px 0 0 0;
}

在那里，我使用inline-block反对inline。 margin: 5px 0 0 0;告诉它有5px的保证金。

Answer 3

您可以向其添加line-height: 150%以增加差距。