从<h4> </h4>中删除不间断空格

Question

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

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

这是我的代码：

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

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

我没有对此元素应用任何空格css规则。我以前从未见过这个。它的行为就像<h4>标记包含在<pre>标记中一样......

Answer 1

适合这些症状的唯一问题是，您的源文件中有一个不间断的空间，这在视觉上与常规空间无法区分。怎么可能有任何人的猜测。也许你不小心碰到了一个插入不间断空间的钥匙组合。

如果您的编辑器允许您检查代码点，那么这样做（不间断的空间将是U+00A0）。否则，选择那个小动物并将其删除并用真实空间替换它。

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

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