内联块没有边距？

我有几个 DIV 显示为内联块；他们似乎从浏览器中自动应用了间距。它们的边距/填充设置为 0。有没有办法在不使用负边距的情况下纠正这个问题？

山姆，你看到的那个空间实际上是空白。这就是为什么删除填充和边距没有任何作用。让我解释。当你有这个时：

HTML

<div>
    a
    a
    a
    a
</div>

这是它的渲染方式：

a a a a

...正确的？

所以，如果你有这个：

<div>
    <div style="display:inline-block"></div>
    <div style="display:inline-block"></div>
    <div style="display:inline-block"></div>
</div>

...你会得到同样的东西：

block [space] block [space] block

现在...这个问题有很多不同的解决方案。我相信最常见的是注释掉 html 中的空格：

   <div>
        <div style="display:inline-block"></div><!--
        --><div style="display:inline-block"></div><!--
        --><div style="display:inline-block"></div>
   </div>

但我不喜欢它 - 我更喜欢保持 html 尽可能干净。我首选的方法是将父级的字体大小设置为 0，然后在内联块本身上设置所需的字体大小。就像这样：

div {
    font-size: 0; /* removes the whitespace */
}

div div {
    display: inline-block;
    font-size: 14px;
}