HTML5无需插件，浏览器默认合并连续空白符；应优先用CSS的margin/padding/white-space控制空格，仅语义必需时用 。
不需要装任何插件。HTML5 本身不“打空格”，而是通过标准 HTML 实体或 CSS 控制空白行为——装插件反而容易引发渲染冲突或语义混乱。
为什么直接敲空格没用
浏览器默认会把 HTML 源码中连续的空白字符（空格、换行、制表符）合并成单个空格，且忽略首尾空白。这不是 bug，是 HTML 规范定义的 white-space 默认值 normal 的表现。
- 在
<p>hello<span> world</span></p>中，中间多个空格会被压成一个 -
<pre>标签例外：它保留所有空白，但语义是“预格式化文本”，不适合常规段落排版 - 使用
真正该用的 CSS 方案
对需要精确控制空格间距的场景（如对齐文案、微调留白），优先用 CSS 的 margin、padding 或 letter-spacing，而不是塞空格字符。
/* 推荐：用 margin 分隔两个内联元素 */
.button-group > button + button {
margin-left: 12px;
}
<p>/<em> 避免：用 塞空格 </em>/
<button>取消</button> <button>确定</button>-
margin/padding更灵活，支持响应式单位（em、rem、%） -
white-space: pre-wrap可用于特定容器，保留换行和空格但允许折行，适合用户提交的富文本预览 - 避免全局设置
white-space: pre，它会禁用自动换行，导致长文本溢出容器
哪些情况确实要用
仅限语义上“此处必须是一个不可断行的空格”的极少数场景，比如单位与数字之间、人名中的分隔等：
立即学习“前端免费学习笔记（深入）”；
-
100 km/h（防止“100”和“km/h”被折到两行） -
Mr. Smith（缩写后跟姓名，避免断开） - 表格中需要占位但无内容的单元格：
<td> </td>，比留空更稳妥 - 不要用
最常被忽略的一点：用 JS 动态插入含空格的文本时，如果直接拼接字符串（如 el.innerHTML = 'a b'），空格仍会被压缩；此时应改用 textContent + CSS 控制，或明确设置 white-space。空格不是要“打出来”，而是要“管出来”。
