html - 跨度新线跨度

Question

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

导致这些字母之间有一个空格，这是如何计算的？作为反对

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

Answer 1

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

W3C 规范有更多信息：

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

Answer 2

尝试在 span 上使用一个类，这将强制第二个 span 换行，CSS为

 .spanClass 
 {
    display:block;
 }

Answer 3

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

A
B

将变为“A B”，在 A 和 B 之间有一个空格。这也发生在strong或em