从 <h4> 中删除非中断空间

Question

<h4> 标记内出现一个不间断空格，就在文本内容之前：

在我的html中，标签和第一个单词之间有一个空格，但这不应该只是折叠吗？

这是我的代码：

<h4> Sed do eiusmod tempor incididut </h4>

在 Chrome 开发工具中检查元素时，不间断空格实体显示：

我没有对这个元素应用任何空白 css 规则。我以前从未见过这种情况。它的行为就好像 <h4> 标签被包裹在 <pre> 标签中......

Answer 1

符合这些症状的唯一问题是您的源文件中有一个不间断的空格，这在视觉上与常规空格没有区别。任何人都可以猜测它是如何到达那里的。也许您不小心按下了插入不间断空格的某个组合键。

如果您的编辑器允许您检查代码点，请执行此操作（不间断空格为U+00A0）。否则，选择那个小动物并将其删除并替换为真实空间。

在其他条件相同的情况下，h4 标记开头的空格不可能神奇地不受标准 HTML 空格折叠的影响。人们可以而且应该能够在这样的地方放置空格，甚至将文本放在单独的行上。它提高了可读性。

这个问题理论上也可能是由各种 CSS 设置引起的，包括边距、文本缩进、:before 规则、空白设置等。但是，这些都不会导致 DOM 指示存在非中断空间。唯一可以想到的替代方案是一些修改元素内容的客户端脚本。