在编辑时无法在chrome开发人员工具中添加额外的空格

Question

我试图在chrome开发者工具的Elements部分的div标签内添加额外的空格( )。

<div>hello&nbsp;&nbsp;world</div>

以上呈现为文字。

预期：

hello  world

实际值：

hello  world

Answer 1

当您使用Chrome的开发者工具时，您无需担心 HTML entities 。

只需像在IDE中那样编写代码就可以按预期工作 - 输入
jack d m x1 会导致使用内容<div>hello world</div>创建<div>。

使用多个空格也可以这种方式工作：
hello world会导致使用内容<div>hello world</div>创建<div>。

以这种方式处理这个答案：

Answer 2

对于偶然发现此问题并实际上正在寻找将不间断空格字符（ ）添加到“开发人员工具元素”面板中的任何人，您都可以这样做。 -单击包含要添加字符的值的元素（或其任何父元素），然后选择“编辑为HTML”。

双击值并添加 会在浏览器中将 显示为文本，而按HTML进行编辑将正确显示不间断的空格字符。