普通空格在html中不生效是因为html解析器会将连续空白字符合并为一个空格，属规范行为； 可独立使用，每个代表一个不可折行空格，无需成对；更优替代方案包括css的letter-spacing、margin/padding及pre标签，但需权衡语义、响应式与可访问性。
为什么普通空格在 HTML 里不生效
HTML 解析器会把连续的空白字符（空格、制表符、换行）全部合并成一个空格，这是规范行为，不是 bug。所以写 <p>hello world</p> 能看到三个空格，但写 <p>hello world</p> 实际只显示一个。
用 替代空格必须成对出现吗
不需要。每个 独立占一个不可折行的空格位置，可以单个或多个叠加：
<p>姓名： 张三</p> <p>电话： 138-0013-8000</p>
注意： 是非断行空格（non-breaking space），它不会在行末被自动换行截断——如果一整段全是 加文字，可能导致容器溢出。
比 更灵活的替代方案有哪些
当需要精确控制间距、又不想破坏语义或可访问性时，优先考虑 CSS：
-
letter-spacing适合微调字距，但会影响所有字符间距离 -
margin-left或padding-left配合<span></span>更可控，例如：<span style="margin-left: 2em">张三</span> - 用
<pre class="brush:php;toolbar:false;"></pre>包裹内容可保留所有空白，但会改变字体和换行行为，仅适用于代码、日志等场景
纯文本排版需求强烈时， 仍是最快捷的选择；但若涉及响应式、缩放或屏幕阅读器兼容，CSS 方案更可持续。
容易忽略的兼容性与可访问性问题
在所有浏览器中都支持，但它本质是“字符”，会被屏幕阅读器读作“空格”甚至静默跳过，可能影响信息传达。例如表格中用多个 对齐列头，视障用户无法感知对齐意图。
另外，某些 CMS 或富文本编辑器（如 CKEditor、TinyMCE）会自动过滤或转换 ，保存后变成普通空格——建议在输出前检查 HTML 源码是否仍为 。
真正难处理的，是既要视觉对齐、又要语义清晰、还要适配高缩放比和窄屏——这时候就得放弃“空格占位”思路，改用 CSS Grid 或 display: table-cell 做结构化对齐。
