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

Question

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

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

以上呈现为文字。

预期的:

hello  world

实际的:

hello  world

Answer 1

对于偶然发现这个问题并且实际上正在寻找一种将不间断空格字符(   )添加到“开发人员工具元素”面板中的任何人，您可以通过右键单击包含要添加的值的元素来实现您的字符(或其任何父元素)并选择“编辑为 HTML”。
双击该值并添加  将显示  作为浏览器中的文本，编辑为 HTML 将按预期正确显示不间断空格字符。