跨越新线跨度

Question

<span>A</span>
<span>V</span>

在这些字母之间留一个空格，这是如何计算的？反对

<span>A</span><span>V</span>

Answer 1

内联元素之间的空格被压缩（或者如果它不是空格，则被转换）到单个空格并显示。

W3C specification有更多信息：

  

这种布局可能涉及在单词之间放置空格（称为词间空间），但词间空间的约定因脚本而异。例如，在拉丁文脚本中，字间空间通常呈现为ASCII空间（ ）。

Answer 2

尝试在span上使用一个类，这将强制第二个跨度到新行 和 CSS 为

 .spanClass 
 {
    display:block;
 }

Answer 3

span 是一个内联元素，就像简单文本一样，所以它遵循相同的样式规则。当您在新行上书写时，渲染会留下空白区域。

A
B

将成为“A B”，A和B之间有空格。 strong 或 em

也会发生这种情况