HTML中直接敲空格无效，需用 或white-space CSS属性； 为不可断行空格，white-space:pre-wrap推荐日常使用，ensp/emsp不建议常规使用。
HTML 里直接敲空格键不会生效，必须用字符实体或 CSS 控制。浏览器默认会把连续的空白符（空格、换行、制表符）合并成一个空格，所以想“插入多个可见空格”，不能靠键盘空格堆砌。
用 插入不可断行的空格
这是最常用、最直接的方式， 是 non-breaking space 的缩写，浏览器会把它当做一个真实、不可被折叠、不可在行尾换行的字符来渲染。
常见使用场景：
- 姓名中间加空格但不想被折行（如“张 三”）
- 数字和单位之间保持紧邻（如“100 px”）
- 表格中对齐文字，补位用（如“左对齐 右对齐”）
注意： 是 HTML 字符实体，必须以 & 开头、; 结尾，写成   或 少了分号，多数浏览器会当作普通文本显示出来。
立即学习“前端免费学习笔记（深入）”；
用 white-space CSS 属性保留原始空白符
如果你有一段含多个空格、换行或制表符的文本（比如代码片段、诗歌排版），用 一个个替换太麻烦，这时更适合用 CSS 控制：
span.preformatted {
white-space: pre;
}
white-space 常见取值及效果：
-
pre：完全保留空格和换行，像<pre>标签一样 -
pre-wrap：保留空格和换行，但允许自动换行（推荐日常使用） -
pre-line：合并连续空格，但保留换行符
注意：white-space 对整个元素生效，不是单个空格的“开关”。它不改变 HTML 解析逻辑，只是告诉浏览器“怎么渲染已存在的空白符”。
别用 和 做常规空格
这两个是排版专用字符： 约等于半个中文字符宽， 约等于一个中文字符宽。它们语义是“空格宽度”，不是“空格行为”。
问题在于：
- 不同字体下实际宽度不一致（尤其在移动端）
- 它们仍受
white-space: normal影响，可能被折叠或换行 - 可读性差，别人维护时很难一眼看出你到底想留多大空隙
除非你在做精确排版（如 PDF 导出、印刷级 HTML），否则优先用 或 CSS。
真正容易被忽略的是：空格是否“可见”取决于它有没有被浏览器折叠，而是否被折叠，既取决于你用了什么字符，也取决于父容器的 white-space 设置和字体渲染环境。调试时建议打开开发者工具，看元素实际渲染宽度，而不是只数 个数。
