无法添加额外空格 ' ' 编辑时在 chrome 开发者工具中

Question

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

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

上面的内容按字面意思呈现。

预期的：

hello  world

实际的：

hello  world

Answer 1

对于任何偶然发现这个问题并且实际上正在寻找一种将不间断空格字符(  ) 添加到开发人员工具元素面板中的人，您可以通过右键单击包含要添加字符的值的元素来完成此操作（或其任何父元素）并选择“编辑为 HTML”。

虽然双击该值并添加 将在浏览器中显示 为文本，但编辑为 HTML 将按预期正确显示不间断空格字符。