HTML中插入真正空格应使用 实体，它表示不可断行空格，不会被浏览器折叠；JS中需用'\u00A0'，CSS排版更推荐margin、padding或white-space等属性。
HTML 里怎么插入一个真正的空格？
浏览器默认会把连续的空白字符（空格、换行、制表符）合并成一个空格，所以直接敲空格键没用。 是唯一能稳定输出一个不可断行空格的字符实体，它不会被折叠，也不会在换行时被丢弃。
- 只在需要「强制保留单个空格」时用，比如“姓名：
- 别滥用——写十个
margin或padding -
'\u00A0'（Unicode 不间断空格）
为什么 和 很少用？
它们分别代表「半个汉字宽」和「一个汉字宽」的空格，在中文排版里听起来很合理，但实际几乎没人用。
- 宽度依赖字体和渲染引擎，
- CSS 中用
ch单位更可控，比如margin-left: 2ch明确表示两个字符宽度 - 语义不清：HTML 是结构标记语言，用字符实体模拟排版效果，违背分层原则
JS 字符串里怎么表示空格？别混用
JS 里没有 这种写法，它是 HTML 解析器才认识的。JS 字符串中要表达不可断行空格，必须用 Unicode：
- 普通空格：
' '（ASCII 32）——会被 HTML 渲染器折叠 - 不可断行空格：
'\u00A0'或'\xa0'—— 插入 DOM 后等效于 - 错误示范：
' '直接当字符串塞进textContent，结果页面上真会显示
用 CSS 处理空格更靠谱的三个场景
多数所谓“打空格”的需求，本质是排版控制，不该靠字符硬塞。
- 文字前/后留白：用
padding或margin，而不是在文本前后加 - 单词间固定间距：用
letter-spacing或word-spacing，而非插一堆 - 防止换行：给容器加
white-space: nowrap，比每个空格都换成
真正要小心的是混合使用：比如 CSS 设置了 white-space: pre-wrap，又在文本里塞 ，结果空格行为变得极难预测——这种边界情况，调试时得先确认当前 white-space 模式再下手。
立即学习“前端免费学习笔记（深入）”；
