3

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

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

以上呈现为文字。

预期的:

hello  world

实际的:

hello&nbsp;&nbsp;world
4

2 回答 2

5

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

双击该值并添加&nbsp;将在浏览器中显示&nbsp;为文本,而编辑为 HTML 将按预期正确显示不间断空格字符。

于 2020-12-02T22:16:28.293 回答
1

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

只需像在 IDE 中那样编写代码即可按预期工作 - 输入
<div>hello world</div>会导致<div>创建包含内容的代码hello world

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

这是以这种方式操纵的答案:

前

后

于 2017-09-04T03:29:15.677 回答