CSS：嵌入的span标签在键入不同时的行为会有所不同？

Question

这两个代码块是相同的，但是当它们输出时，它们看起来不同。第二个角色的每个角色之间都有一个阴沟？

<span>A<span>B<span>C</span></span></span>

<span>A
  <span>B
    <span>C</span>
  </span>
</span>

http://codepen.io/vennsoh/pen/ptJwI

Answer 1

是的，因为输入或'\ n'等于HTML中的空格

Answer 2

这是因为您的浏览器内置了内联块4px填充。拒绝这个空间的选择就像使用＆gt;之间的空间一样。到＆lt;跨度

另一种选择是使用4px中剩余的负边距到除第一个元素之外的每个元素。