HTML 里怎么输一个真正的空格？
浏览器会把连续多个普通空格、换行、制表符全当成一个空格处理——所以直接敲空格键基本没用。
真正起作用的是 HTML 实体或 CSS 控制方式：
-
-
- 用
white-space: pre;或pre-wrap的 CSS 可以保留原始空白符，但会影响整块内容的换行逻辑
为什么 有时候也不生效？
常见原因是它被父容器的 CSS “吃掉”了，比如：
- 外层元素设置了
font-size: 0;（常见于清除 inline-block 间隙），导致 - 用了
display: flex;且子项没设flex-shrink: 0;，空格被压缩为 0 - 在
<pre class="brush:php;toolbar:false;"></pre>或<code>标签里误用了
替代方案：什么时候该用 CSS 而不是 ？
当空格是布局的一部分（比如两个按钮之间固定间距），硬塞 会让 HTML 语义混乱，也难维护。
立即学习“前端免费学习笔记（深入）”；
更稳妥的做法：
- 按钮/链接间用
margin-right控制间隔 - 文字内需要强调留白（如“姓名：
- 表格中对齐数字，优先用
text-align+padding，而不是靠一堆
和 Unicode 空格字符（如 \u2000）有啥区别？
本质都是字符，但行为不同：
-
\u00A0（no-break space），浏览器默认不换行、不合并 -
\u2000（en quad）、\u2001（em quad）等是 Unicode 宽度控制字符，需确保字体支持，且在某些编辑器或 CMS 中可能被过滤或转义 - 直接写
\u0020（普通空格）没用，照样被合并；\u00A0才等效于
实际项目里，除非做精细排版，否则坚持用 最省心。别为了“看起来高级”去混用各种 Unicode 空格——编辑器显示异常、CMS 自动清理、甚至 Git diff 里都可能出问题。
