直接敲空格无效是因为HTML解析阶段将连续空白字符（空格、换行、制表符）合并为单个空格，且裁去首尾空白； 是不可断行空格实体，能强制保留可见空格。
为什么直接敲空格没用
HTML 会把连续的空白字符（空格、换行、制表符）合并成一个普通空格，再渲染时还会把首尾空白裁掉。所以 <p>hello world</p> 和 <p>hello world</p> 效果完全一样——中间只显示一个空格。
是最常用也最容易出错的实体
是 non-breaking space，它不会被浏览器合并或折行，适合做“强制保留的空格”。但要注意：
- 必须写成
&就变成纯文本，不生效</li> <li>多个 <code>
连用才能模拟多个空格，比如name age显示为 “name age” - 它会让光标无法在两个
contenteditable有影响）
其他空格实体的适用场景
不同宽度和行为的空格实体，选错会导致排版错乱或复制粘贴异常：
-
-
-
100 kg） -
&zwsp;（zero-width space）：不可见，仅作断行提示，不占空间
注意： 和 等会被复制进剪贴板，而 CSS 的 margin 或 padding 不会——如果内容要被用户复制，优先考虑 CSS 方案。
立即学习“前端免费学习笔记（深入）”；
什么时候不该用 HTML 实体
纯靠实体堆空格是反模式，尤其在响应式或动态内容中：
- 表格对齐、文字缩进、按钮内边距，应该用 CSS 的
text-indent、padding、letter-spacing - 需要等宽对齐（如日志输出），用
<pre>或white-space: pre - JS 动态插入空格时，别拼接
" "字符串，而应设置textContent配合String.fromCharCode(160)（即 的 Unicode）或直接用innerHTML（但需防 XSS）
实体本质是标记，不是样式工具；真正容易被忽略的是：一旦用了 ，就等于把表现逻辑硬编码进了 HTML 结构里。
