letter-spacing 调整字符间距，适用于中英文字符间微调，提升标题可读性；word-spacing 控制单词间距离，主要用于英文单词间隔调整，两者单位支持 px、em 等，建议避免负值过度使用以保持可读性。
在css中，letter-spacing 和 word-spacing 都用于控制文本的排版间距，但它们作用的对象不同，使用场景也有所区别。合理使用这两个属性可以让文字布局更清晰、更具可读性。
letter-spacing：控制字符之间的间距
letter-spacing 用来设置字符（字母、汉字、标点等）之间的距离。它可以应用于任何文本内容，常用于微调字体视觉效果。
常用取值单位包括 px、em、rem 或 normal（默认值）。
示例：
-
letter-spacing: 2px;—— 每个字符之间增加2像素的间距 -
letter-spacing: -1px;—— 负值可以缩小字符间距，使文字更紧凑 -
letter-spacing: 0.1em;—— 使用相对单位，适配不同字号
适用于需要提升可读性的大写字母标题、拉开中文标题视觉效果等场景。
立即学习“前端免费学习笔记（深入）”；
word-spacing：控制单词之间的间距
word-spacing 专门用于设置单词之间的距离，仅对由空格分隔的“单词”起作用。对中文影响较小，除非手动用空格分隔词语。
同样支持 px、em 等长度单位，normal 表示默认间距（通常为一个空格宽度）。
示例：
-
word-spacing: 5px;—— 单词之间增加5像素间距 -
word-spacing: 0.5em;—— 使用弹性单位，适应响应式设计 -
word-spacing: -2px;—— 减少单词间距，使文本更密集
主要用在英文段落排版中，比如增强阅读节奏或设计特殊文本效果。
两者对比与使用建议
- 作用对象不同：letter-spacing 影响所有字符，word-spacing 只影响空格分隔的单词
- 中英文表现差异：中文使用 letter-spacing 更有效；英文两者都可用，根据设计需求选择
- 避免过度使用负值：可能导致文字重叠，影响可读性和无障碍访问
- 响应式考虑：推荐使用 em 或 rem 单位，使间距随字体大小自适应
基本上就这些。掌握 letter-spacing 和 word-spacing 的区别，能让你更精细地控制网页文本的视觉呈现。不复杂但容易忽略细节。