text-justify 文本对齐方式属性
最后更新：2026-09-13
text-justify text-justify 文本对齐方式属性
text-justify 属性用于设置当 text-align 设为 justify（两端对齐）时，文本间距的调整策略。它控制浏览器是通过调整单词间距、字符间距，还是两者结合来实现两端对齐效果。这个属性主要影响使用 justify 值时的排版细节。
| 分类 | |
|---|---|
| 初始值 | auto |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS3 |
| 状态 | 标准 |
📝 语法
text-justify: auto | none | inter-word | inter-character;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
auto | none | inter-word | inter-character | 关键字 | 文本两端对齐方式 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| text-justify | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| 所有主流浏览器均支持 | |||||
提示： inter-character 适合中文、日文等无空格分隔的语言，通过调整字符间距实现两端对齐。
注意： text-justify 只在 text-align: justify 时生效，其他对齐方式下该属性无效。
❓ 常见问题
Q中文文本应该用哪种对齐方式？
A中文没有单词间空格，两端对齐应使用 text-justify: inter-character，让浏览器通过调整字符间距实现左右齐平，效果更均匀自然。inter-word 主要针对英文等空格分词的语言。
Qauto 值是如何选择对齐策略的？
Aauto 由浏览器自行决定使用哪种策略，不同浏览器的选择可能不同。如果需要一致的效果，建议显式指定 inter-word 或 inter-character。
Qtext-justify 设置后为什么没效果？
Atext-justify 只在 text-align: justify 时才生效，且需要多行文本才能看到间距调整。另外 inter-character 目前仅部分浏览器支持，Firefox 对中文的支持较好。
🏷️ 相关属性
💡 相关案例
📚 相关教程
