Span新行span

Question

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

导致这些字母之间有一个空格，这是如何计算出来的？与之相对

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

Answer 1

行内元素之间的空格被压缩(如果不是空格，则转换为空格)并显示。

W3C specification提供了更多信息：

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

Answer 2

尝试在span上使用一个类，它将强制第二个span移到新行，并将CSS作为

 .spanClass 
 {
    display:block;
 }

Answer 3

span是一个类似简单文本的内联元素，因此它遵循相同的样式规则。当您在新行上书写时，渲染会留出一个空格。

A
B

将变成"A B"，在A和B之间有一个空格。这种情况在strong或em中也会发生。