窄空格（ ）用于数字与单位间，宽度为普通空格1/5、不换行；窄不换行空格（ ）作千分位分隔符，语义清晰且右对齐粘连；零宽空格（）为隐形断行点；不换行空格（ ）配合tnum特性实现等宽数字对齐。
用 实现窄空格，避免断行又不撑开间距
普通空格 会强制不换行但宽度固定（≈普通空格），而 （薄空格，Thin Space）在排版中更克制：它不触发换行，宽度只有普通空格的 1/5 左右，适合数字与单位之间，比如 100 km 或 2.4 GHz。浏览器兼容性好（IE6+ 支持），但注意它不能被 CSS 的 white-space: pre-wrap 保留为“可见空格”，只起排版作用。
用 隔开数字千位，比正则替换更轻量
显示大数字时，想加千分位空格（如 1 234 567），不用 JS 格式化或 Intl.NumberFormat，直接用 （窄不换行空格，Narrow No-Break Space）。它语义上属于“数字分隔符”，不会被搜索引擎误判为空格噪声，且支持 CSS text-align: right 对齐时保持粘连。示例：
1 234 567
常见误区是误用 —— 它会让数字在窄屏下整体溢出容器，而 更紧凑、更符合 Unicode 数字格式规范。
用 做“透明占位”，绕过 white-space: nowrap 的限制
当父容器设了 white-space: nowrap，又想让某处“逻辑上可换行但视觉上不显示”时， （零宽空格，Zero Width Space）是隐形切点。它不占像素，但告诉浏览器“这里可以断行”。和 不同，它不显示软连字符，也不依赖渲染引擎的 hyphenation 设置。适用场景：
立即学习“前端免费学习笔记（深入）”；
- 长英文 ID（如
user_abc123def456）嵌在按钮里，允许在下划线后断行 - URL 片段中插入
/后，避免整条路径挤出容器
注意：它对中文无效（中文本身可断行），且 Safari 旧版本对 的断行支持不稳定，建议配合 word-break: break-all 降级。
用 + font-feature-settings: "tnum" 对齐等宽数字
表格中数字列右对齐时，如果混用比例字体（如 1 窄、0 宽），视觉错位明显。除了用 font-variant-numeric: tabular-nums，还可搭配 （不换行空格）作为对齐锚点：把数字转成等宽数字（"tnum" 特性），再用 占位补空。例如：
<span style="font-feature-settings: 'tnum';">123  </span><br><span style="font-feature-settings: 'tnum';">45   </span>
关键点： 在等宽数字环境下宽度恒定，比用 padding 更可控；但需确保字体本身支持 tnum（如系统 San Francisco、Segoe UI、Noto Sans 都支持，思源黑体需 v2.000+）。
这些空格字符真正难的不是“怎么输”，而是判断该用哪个 —— 它们语义不同、渲染行为不同、甚至影响可访问性（屏幕阅读器对 通常静音，对 可能读作“空格”）。别硬记编号，把 、 、 、 存成 snippet，遇到具体排版卡点再调用。
