优先用letter-spacing实现视觉字距调整，因其不干扰语义与可访问性；需保留空白或不可折行时才用空格实体；letter-spacing对所有字符一视同仁，中英文混排易割裂，宜配合text-rendering优化。
空格是内容，letter-spacing 是样式
HTML 中的空格（比如 、 、普通空格）是文本内容的一部分，浏览器默认会合并多个连续空格为一个，除非你用 white-space: pre 或类似方式强制保留。而 letter-spacing 是纯 CSS 样式控制，它不改变 HTML 文本结构，只是在渲染时「视觉上」拉开或压缩字符之间的距离。
- 空格实体（如
-
letter-spacing对 DOM 完全透明——JS 获取textContent时看不到任何变化，也不会影响换行位置或单词切分 - 如果目标是「让两个字之间多留点白」且不希望干扰语义或可访问性，优先用
letter-spacing；如果需要「这里必须占一个不可折行的位置」（比如单位和数字之间），才用
letter-spacing 会影响所有字符，包括英文字母和标点
这是最容易误用的一点：letter-spacing 不区分中英文、不识别“词”，它对每个 Unicode 字符（包括汉字、拉丁字母、括号、顿号、甚至 emoji）都一视同仁加间距。
Hello，世界！
上面这行会变成：H e l l o ， 世 界 ！ —— 中文每个字之间也被撑开，标点也被拉远，视觉割裂感强。如果你只想调英文单词间距，该用 word-spacing；想调中文排版呼吸感，更推荐用 text-rendering: optimizeLegibility 配合字体本身特性，而不是暴力加 letter-spacing。
- 负值（如
letter-spacing: -0.2px）可能造成字符轻微重叠，尤其在小字号下易模糊，慎用于正文 - 用
em单位（如letter-spacing: 0.03em）比固定像素更适配响应式场景，因为它是相对于当前font-size计算的 - 它不会影响
input或textarea的输入行为，但会影响其显示效果（用户看到的字距变大，但光标位置、选区逻辑不变）
空格实体宽度不统一，浏览器兼容性差
HTML 提供了多种空格实体（ 、 、 、 ），但它们的实际像素宽度取决于字体、字号、甚至浏览器渲染引擎。例如：
立即学习“前端免费学习笔记（深入）”；
-
-
1em，但 Chrome 和 Safari 在某些字体下可能渲染为 0.95em -
所以，**别指望靠堆砌 来精确控制对齐**。真要对齐，用 Flex / Grid / text-align: justify；真要微调留白，用 padding 或 margin 更可控。
什么时候该用哪个？一句话判断
看你的修改是否「需要被程序/辅助技术感知」：
- 需要复制粘贴后保留空白？→ 用空格实体（
white-space: pre-wrap - 只是让标题看起来更舒展一点？→ 用
letter-spacing（配合text-rendering） - 想让英文单词之间松一点，又不影响字母间距？→ 用
word-spacing - 想缩进首行？→ 用
text-indent，不是空格也不是letter-spacing
最常被忽略的是：中文字体本身已内置字偶距（kerning）和字间距逻辑，粗暴加 letter-spacing: 2px 往往破坏原有节奏。先试 0.02em ~ 0.05em，再看真实设备效果。
