词间距属性
最后更新：2026-09-13
word-spacing 词间距属性
word-spacing 用于控制文本中单词之间的间距，对以空格分隔的语言（如英文）效果明显。中文无空格分词，通常对中文无效。
| 分类 | |
|---|---|
| 初始值 | normal |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS1 |
| 状态 | 标准 |
📝 语法
word-spacing: normal | <length>;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
normal | 关键字 | 默认词间距 |
<length> | 类型 | 固定词间距值 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| word-spacing | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 该属性基于空格调整词间距，中文段落若无空格则基本看不出效果。
❓ 常见问题
Qword-spacing 和 letter-spacing 有什么区别？
Aword-spacing 调整单词之间的距离，基于空格实现，英文效果明显；letter-spacing 调整每个字符之间的距离。中文没有空格分词，word-spacing 基本无效果，调整字距应使用 letter-spacing。
Q中文段落用 word-spacing 有效果吗？
A中文没有空格分隔的单词，word-spacing 对纯中文文本几乎无效；只有文本中的空格（如英文单词之间）会受影响。想让中文字距变化应使用 letter-spacing。
Qword-spacing 可以设置负值吗？
A支持负值，让单词之间更紧凑；新版规范还支持百分比，相对字体的空格宽度计算。多数场景推荐用 em 相对单位，如 word-spacing: 0.2em，随字号等比缩放。
🏷️ 相关属性
💡 相关案例
📚 相关教程
