最常用且兼容性最好的空格是 ，它不被合并也不换行；多个空格需重复书写；其他空格实体如 、 等存在兼容性问题；css的white-space属性可整体控制空格行为，但需注意元素显示类型和解析时机。
HTML里怎么插入真正的空格字符
浏览器默认会把连续多个普通空格（ ）合并成一个，所以直接敲空格键没用。要用 HTML 实体或 Unicode 字符才能保留“多个”或“不可折叠”的空格效果。
是最常用也最稳妥的空格符号
是 non-breaking space，它不会被浏览器合并，也不会在行尾换行，兼容所有浏览器（包括 IE6+）。适合用于两个词之间强制不换行、或者需要固定宽度空格的场景。
- 写法必须是
&或漏掉分号 - 多个空格就写多个：
姓名 电话 - 和普通文本混用没问题：
张三 （管理员）
其他空格实体：按需选择，注意兼容性差异
除了 ，还有几个 Unicode 空格字符，但支持度不一：
-
-
-
- 直接写 Unicode：
用 CSS white-space 控制整段空格行为更灵活
如果要保留一段文字里所有空格和换行（比如代码片段、诗歌排版），用 CSS 比堆 更干净：
立即学习“前端免费学习笔记（深入）”；
pre {
white-space: pre;
}
常用值说明：
-
white-space: pre：保留空格和换行，不自动折行（类似<pre class="brush:php;toolbar:false;"></pre>标签） -
white-space: pre-wrap：保留空格和换行，但允许折行（推荐日常使用） -
white-space: pre-line：合并连续空格，但保留换行
注意：white-space 对 inline 元素（如 <span></span>）生效需配合 display: inline-block 或设为 block；纯文本节点里的空格仍受 HTML 解析规则影响，CSS 不改变初始解析结果。
真正难处理的是「既要等宽空格、又要跨老版本浏览器、还要能复制粘贴不乱」——这时候还是老老实实用 ，别贪多。
