css - div 的空间太大

Question

我有一行 div，但其中一半应该只是连接其他 div 的线。现在，即使我将 margin 设置为 0px，那些 div 之间仍然留有一点 bis 空间。但我决定顺其自然，因为它看起来不错。但现在我遇到的问题是，这个空间不存在于用 php 打印的 divs 中。为什么会这样，我该如何解决？我尝试添加 margin 但这不会改变任何东西。

这是我的代码: http://codepad.viper-7.com/AI28E7

如你所见，它从第五个div开始，这也是第一个使用php打印的。

Answer 1

问题在于空格。实际上，您的分隔线或盒子上没有任何边距。将其中一个设置为具有左右边距。

.vert {
   margin-left: 5px;
   margin-right: 5px;
}

此外，行内 block 元素将在其前后显示空白。您可以将 div 的背面设置为显示为 block 并将它们与分隔线一起向左浮动。不过，您必须将垂直样式更改为 margin-top 而不是 margin-bottom。