letter-spacing用于调整字符间距，取值为normal、长度值或负值，可提升文本可读性与视觉效果，常用于标题、大写字母及移动端小字号优化，中文一般无需调整；需避免过度负值导致重叠，建议响应式设计使用em单位，注意空格标点也受影响，不同于仅控制单词间距的word-spacing。
CSS 的 letter-spacing 属性用于控制文本中字符之间的间距。它适用于英文、中文、数字或任意字符，能有效改善文字的可读性或实现特定的视觉效果。
基本语法
letter-spacing 的取值可以是长度值（如 px、em）或 normal（默认值）：
- normal：默认间距，浏览器自动处理
- 正数值：增加字符间距，例如 2px 或 0.1em
- 负数值：减小字符间距，使字符更紧凑
示例：
pre {letter-spacing: 2px;
}
h1 {
letter-spacing: -0.05em;
}
span.tight {
letter-spacing: normal;
}
实际应用场景
合理使用 letter-spacing 能提升排版质量：
立即学习“前端免费学习笔记（深入）”；
- 标题文字较宽时，适当增加间距让其更清晰
- 大写字母标题（如全大写英文）常配合 letter-spacing: 0.1em 避免拥挤
- 移动端小字号文本可轻微加大间距提高可读性
- 中文一般不需要调整，但在特殊设计中也可微调
注意事项
使用时注意以下几点：
- 过度使用负值可能导致字符重叠，影响阅读
- 响应式设计中建议使用相对单位（如 em），便于适配不同屏幕
- 空格符和标点也会受 letter-spacing 影响
- 与 word-spacing 不同，后者只影响单词之间的距离
基本上就这些，掌握好数值尺度，letter-spacing 是一个简单但很有效的排版工具。
