字间距属性
最后更新：2026-09-13
letter-spacing 字间距属性
letter-spacing 用于控制文本中每个字符之间的间距，正值加大间距，负值缩小间距。常用于标题排版或英文大写字母的阅读优化。
| 分类 | |
|---|---|
| 初始值 | normal |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS1 |
| 状态 | 标准 |
📝 语法
letter-spacing: normal | <length>;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
normal | 关键字 | 默认字间距 |
<length> | 类型 | 固定字间距值 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| letter-spacing | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 英文大写字母全大写时，适当加 0.05em-0.1em 字间距可显著提升可读性。
❓ 常见问题
Q中文能用 letter-spacing 吗？
A可以。汉字之间加 0.5px~1px 的字间距能让正文更疏朗、标题更有设计感，但超过 2px 会破坏阅读节奏。letter-spacing 对中英文所有字符统一生效。
Qletter-spacing 会影响文字对齐吗？
A会。间距加在每个字符末尾占据额外宽度，text-align: justify 两端对齐时剩余空间按间距分配，可能出现字距忽大忽小。全大写英文适当加字距反而能提升可读性。
Qletter-spacing 支持负值吗？
A支持。负值让字符互相靠近，如 -0.05em 可以让大字号标题更紧凑；但过小会重叠影响阅读。响应式场景推荐用 em 单位，它随字号等比缩放。
🏷️ 相关属性
💡 相关案例
📚 相关教程
