html中普通空格会被浏览器自动合并为一个，需用 、标签或white-space: pre/pre-wrap来保留空白。
HTML 里普通空格会被浏览器自动合并
直接按键盘空格键输入的空格，在 HTML 渲染时会被浏览器压缩成一个空格，连续多个空格只显示一个。这不是 bug，是 HTML 规范行为。
- 原因：HTML 解析器会将文本中的连续空白字符（空格、换行、制表符）归一为单个空格
- 影响场景：排版对齐、缩进、诗歌、代码片段等需要保留空格的地方
- 解决方向：用语义明确的空白字符实体或 CSS 控制
是最常用且兼容性最好的空格符号
（non-breaking space）能强制显示一个不可换行的空格，浏览器不会合并它，也不会在该位置断行。
- 手机端写法：在支持 HTML 编辑的 App（如 Obsidian、Typora、某些博客后台）中，直接输入
- 注意不要漏掉开头的
&和结尾的;，写成 或nbsp;都无效 - 适合单个空格补充，比如「姓名：
pre 标签和 white-space: pre 是保留多空格的正解
如果要显示缩进、对齐或整段带空格的文本（比如日志、ASCII 图），靠堆 不现实，应该用结构化方式。
<pre class="brush:php;toolbar:false;"></code> 标签天然保留所有空白和换行，适合代码块、终端输出等</li> <li>CSS 的 <code>white-space: pre</code> 或 <code>white-space: pre-wrap</code> 可以让任意元素具备同样行为</li> <li>手机写 HTML 时，<code><pre class="brush:php;toolbar:false;"></code> 更易操作——只需包裹文本，不用逐个替换空格</li> </ul> <pre class="brush:php;toolbar:false;"><p style="white-space: pre-wrap"> 这里有两个空格 这里顶格，但上面有缩进 </p></pre> <h3>手机输入 <code>的实操要点手机键盘没有专门的 HTML 实体键，需手动拼写，容易出错。
立即学习“前端免费学习笔记（深入）”；
- 推荐先复制好
&nsbp;或  - 部分编辑器（如 WordPress 手机 App）有「插入 HTML 实体」按钮，可点选插入
- 切勿用全角空格（中文空格）、不间断空格 Unicode 字符（
\u00A0）替代，它们在某些环境渲染异常或无法被识别为 HTML 实体
<pre class="brush:php;toolbar:false;"></pre>还是white-space——前者适合微调，后两者才是处理真实空白需求的合理方式。- 推荐先复制好
