编辑时无法在 chrome 开发者工具中添加额外的空格“”
cannot add extra spaces ' ' in chrome developer tools while editing
我试图在 chrome 开发人员工具的元素部分的 div 标记内添加额外的空格 ( )
。
<div>hello world</div>
以上呈现为文字。
预计:
hello world
实际:
hello world
当您使用Chrome的开发者工具时,您无需担心HTML entities.
只需像在 IDE 中那样编写代码即可按预期工作——进入
<div>hello world</div>
导致创建内容为 hello world
的 <div>
。
使用多个空格也将以这种方式工作:
<div>hello world</div>
导致创建内容为 hello world
的 <div>
。
这里是这个答案以这种方式操纵:
对于偶然发现这个问题并且实际上正在寻找一种方法来将 不间断 space 字符 (
) 添加到开发人员的人在工具元素面板中,您可以通过右键单击包含要添加字符的值的元素(或其任何父元素)并选择“编辑为 HTML”。
虽然双击值并添加
将在浏览器中显示
作为文本,编辑为 HTML 将正确显示不间断的 space符合预期的字符。
我试图在 chrome 开发人员工具的元素部分的 div 标记内添加额外的空格 ( )
。
<div>hello world</div>
以上呈现为文字。
预计:
hello world
实际:
hello world
当您使用Chrome的开发者工具时,您无需担心HTML entities.
只需像在 IDE 中那样编写代码即可按预期工作——进入
<div>hello world</div>
导致创建内容为 hello world
的 <div>
。
使用多个空格也将以这种方式工作:
<div>hello world</div>
导致创建内容为 hello world
的 <div>
。
这里是这个答案以这种方式操纵:
对于偶然发现这个问题并且实际上正在寻找一种方法来将 不间断 space 字符 (
) 添加到开发人员的人在工具元素面板中,您可以通过右键单击包含要添加字符的值的元素(或其任何父元素)并选择“编辑为 HTML”。
虽然双击值并添加
将在浏览器中显示
作为文本,编辑为 HTML 将正确显示不间断的 space符合预期的字符。