HTML中空格被合并是因white-space默认为normal，需用 、CSS的pre-wrap等或布局属性解决。
HTML 中无法直接用空格键打出“多个连续空格”——浏览器会自动合并，这是规范行为，不是 bug。真要显示多个空格，必须用明确的语义或转义方式。
为什么空格键打出来的空格总被合并？
HTML 解析器默认将连续空白字符（空格、制表符、换行）压缩为单个空格，并忽略首尾空白。这是 white-space CSS 属性的默认值 normal 决定的。
- 纯靠键盘敲空格 → 无论敲多少个，HTML 渲染后只显示一个
-
- 想控制整块文本的空白行为，得改 CSS，而不是堆实体码
常用空格实体码与适用场景
实体码本质是字符，插入后受字体、字号、行高影响，不能替代布局手段。选哪个取决于你要解决的具体问题：
-
-
n的一半（en 宽度），适合中英文间微调间距 -
M（em 宽度），接近一个中文字符宽，常用于缩进对齐 -
姓名：张 三
立即学习“前端免费学习笔记（深入）”；
版本号：v2 3 1
用 CSS 控制空白比硬塞实体码更可靠
实体码只是字符，而 white-space 是声明式控制，更适合结构化排版：
-
white-space: pre：保留所有空白和换行，类似标签效果 white-space: pre-wrap：保留空白，但允许自动换行（推荐日常多空格文本）white-space: pre-line：合并空格，但保留换行符（适合从后台取的带换行的文案）- 配合
font-family: monospace可让空格宽度更稳定（尤其在等宽字体下）
第一行 第二列 第三栏 数据1 123 abc
键盘快捷键？其实没有真正意义上的“HTML 空格快捷键”
编辑器里按 Space 键永远只输入普通空格字符（U+0020），它在 HTML 中就是会被压缩的那个。所谓“快捷方式”其实是编辑器或 IDE 的片段补全功能：
- VS Code 输入
nbsp+ Tab → 自动展开为 - Sublime Text 可配置 snippet，输入
emsp插入 - 浏览器开发者工具中，直接修改 DOM 时粘贴
真正需要多个视觉空格的地方，90% 应该交给 CSS 的 padding、margin 或 text-indent，而不是在内容层用实体码硬凑。
