如何避免换行填充？

Question

我对HTML的最大抱怨是换行符在元素之间增加了一点点空间.(jsFiddle.)

这可能会破坏子元素大小完全适合父母的布局.

我在某处读到你可以删除这个隐式填充 - 同时仍然保持代码有些清晰 - 通过使用这样的注释:

<!--
--><div>Foo</div><!--
--><div>Bar</div><!--
--><div>And so on...</div><!--
-->

这有效,但我觉得必须有一个更好的解决方案.还有什么方法可以解决断线填充问题？

Answer 1

这不是“一点点空格”，而是字面上的空格字符。您正在使用display: inline-block水平对齐元素，这就是“内联”的工作原理。

如果您想使用，inline-block则需要在执行此操作时删除元素之间的空白。

否则，您可以使用其他方法之一来水平对齐，例如浮动或display: table-cell.