在段落中使用两个跨度会添加一个空格

Question

我有一个奇怪的情况，我无法弄清楚为什么会这样。我有以下简单的情况：

<p>
  <span class="bold">N</span>
  <span class="bold">ote</span>
</p>

使用以下CSS类：

.bold{
  font-weight:bold;
}

当我运行此代码时，我将得到以下输出： Note 。

我发现这非常奇怪，因为每当我使用以下HTML代码时：

<p>
  <span class="bold">N</span><span class="bold">ote</span>
</p>

输出结果为：注意

现在我好奇是什么导致了这种影响？

Answer 1

换行符导致空格/ tab / enter all将在内联标记中创建空格。我认为。

Answer 2

1）使所有跨度都在同一条线上并且它应该解决它。如果该剂量不起作用尝试2号。

2）
      跨度{         余量：0;填充：0;       }

Answer 3

另一种方法是

.bold{
      font-weight:bold;
 }
span.bold:after{
    content:"ote";
 }

CSS技巧已部分解决了问题，但如果您格式化HTML代码，它可能无效。