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

cannot add extra spaces ' ' in chrome developer tools while editing

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

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

以上呈现为文字。

预计:

hello  world

实际:

hello&nbsp;&nbsp;world

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

只需像在 IDE 中那样编写代码即可按预期工作——进入
<div>hello world</div> 导致创建内容为 hello world<div>

使用多个空格也将以这种方式工作:
<div>hello world</div> 导致创建内容为 hello world<div>

这里是这个答案以这种方式操纵:

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

虽然双击值并添加 &nbsp; 将在浏览器中显示 &nbsp; 作为文本,编辑为 HTML 将正确显示不间断的 space符合预期的字符。