html - 显示 : inline-block; weird spacing behavior

Question

由于我的空格被替换为  ，所以前面的问题得到了回答，但是......

我仍然不知道是什么导致了这个错误:http://jsfiddle.net/cEkQG/

看看第一段如何丢失它的子项(即 inline-blocks)尾随/前导空格。请注意，spans 的标记位于单行段落中。

第二段有空格，但是，spans 的标记各占一行。

该错误出现在最新的 Chrome 和最新的 Firefox(刚更新到 12)上，尚未在其他浏览器上测试。

这种奇怪的错误/行为背后的原因是什么？

Answer 1

block (尤其是行内 block )中的前导和尾随空格被去除。将内联 block 内的尾随空格移动到内联 block 外——在其结束标记之后。换行也是空格，这就是多行示例如您所期望的那样工作的原因。