css - 如果有空格，为什么现代浏览器仍然在内联 block 之间放置空格

Question

如果你有这样的标记:

<div class="inlineblock">one</div>
<div class="inlineblock">two</div>
<div class="inlineblock">three</div>

和这样的CSS: .inlineblock{ 显示:内联 block ；

元素之间会有空格。大约 4px 的空间。除非你的标记看起来像这样:

<div class="inlineblock">one</div><div class="inlineblock">two</div><div class="inlineblock">three</div>

现在，我想知道的是为什么？

“好的”浏览器仍然这样做的技术原因是什么，甚至在本文发布时最新的 Firefox、Chrome 和 Opera 仍然这样做。我假设它背后有技术原因，否则它现在已经修复了吗？

谢谢!

Answer 1

这正是他们应该做的。

内联元素之间的空格与单词之间的空格没有区别。

如果您不希望这样，请使用 block 元素，或将字体大小设置为零。