直接敲空格没用是因为HTML规范要求浏览器将连续空白符（空格、换行、制表符）压缩为单个空格，这是解析阶段的预处理行为；最可靠方法是使用 实体插入不可折叠空格，或用CSS的white-space属性控制整体空白处理。
直接敲空格键为什么没用
浏览器默认会把连续的空白符（空格、换行、制表符）压缩成一个普通空格，所以你在 HTML 源码里写 hello world，实际渲染出来仍是 hello world。这不是 bug，是 HTML 规范行为——它只关心语义结构，不保留排版空格。
最可靠的方法：用 实体
是 non-breaking space 的 HTML 字符实体，代表一个不可折叠、不可换行的空格。它被所有主流浏览器支持，语义清晰，适合大多数场景。
- 插入 1 个可见空格：
- 插入 3 个连续空格：
- 数字与单位之间防折行：
100 px - 人名缩写防断行：
P. T. Barnum
注意： 必须以 & 开头、; 结尾，写成   或 （缺分号）会导致部分浏览器显示为原文本而非空格。
需要更灵活控制？用 white-space CSS 属性
当你要保留一整段中所有空格（包括缩进、对齐），而不是零星补位时， 就显得笨重。这时改用 CSS 更高效：
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
立即学习“前端免费学习笔记（深入）”；
-
white-space: pre-wrap：保留所有空格和换行，同时允许自动换行（推荐日常使用） -
white-space: pre：完全保留空格和换行，但不自动换行（适合代码块） -
white-space: pre-line：合并连续空格，但保留换行符（折中方案）
例如：<p style="white-space: pre-wrap">hello world</p> 会原样显示 5 个空格。
别踩这些坑
容易误用的几种“空格”要避开：
- 全角空格（
-
- 复制粘贴来的“隐形空格”：比如从 Word 或 PDF 里带入的 U+200A、U+202F 等窄空格，编辑器难识别，调试困难
- 用
letter-spacing模拟空格：会影响所有字符间距，不是真正“空格”，且对中文效果不可控
真正需要“文字中间加连续空格”时， 是最直白、最可控的选择；若涉及整段格式化，优先考虑 white-space + 普通空格组合。两者混用也常见，但得清楚各自边界—— 解决“要不要断行”，CSS 解决“要不要折叠”。
