text-align: justify 对中文效果差是因为浏览器默认只在单词间加间隙，而中文无空格分隔；需配合 text-justify: inter-character（Chrome/Edge 120+支持）或 text-align-last: justify 等方案改善。
text-align: justify 能实现文字两端对齐，但默认对中文效果差、换行不自然、最后一行常左对齐——这不是你代码写错了，是浏览器对中英文混排的 justify 行为本就如此。
为什么 text-align: justify 对中文看起来“没用”
浏览器实现 text-align: justify 时，默认只在单词间插入空隙（依据 Unicode 的 Word Separator 类型），而中文没有空格分隔的“单词”，所以几乎不加间隙；英文段落则因有空格天然可拉伸。这也是为什么你给一段纯中文加了 justify 却看不出变化。
常见错误现象：
• 中文段落两端依然靠左
• 英文段落正常，但中文部分挤在一起
• 某些浏览器（如旧版 Safari）对 justify 支持不稳定
- 必须配合
text-justify或 CSS 新属性才能改善中文表现 - 块级容器需有明确宽度（
width或max-width），否则无“两端”可对 - 避免对单行文本使用——justify 只在有多行且存在换行断点时生效
text-justify 是什么？哪些浏览器支持
text-justify 是 CSS Text Level 3 提出的专门控制 justify 策略的属性，其中 inter-character 对中文最有效：它强制在字符间（而不仅是词间）插入空白。
立即学习“前端免费学习笔记（深入）”；
当前兼容性：
- Chrome / Edge 120+ 支持
text-justify: inter-character - Firefox 仍不支持（截至 v128），会忽略该声明
- Safari 完全不支持
text-justify
实操建议：
• 写成 text-align: justify; text-justify: inter-character;，现代 Chrome/Edge 用户能立刻见效
• 不要依赖它做全局样式，它不是兜底方案
兼容老浏览器的替代方案：伪空格 + word-break
如果必须支持 Firefox 或旧版 Chrome，可以手动干预断行与间隙：
- 用
word-break: break-all强制中文断字（慎用，可能割裂词语） - 或在中文字符间插入零宽空格
（U+200B），但需后端或 JS 动态注入，不可手写 - 更稳妥的是改用
text-align: justify; text-align-last: justify;，让最后一行也拉伸（部分缓解“最后一行太短”的突兀感） - 配合
line-height和足够行高，减少因字距拉伸导致的视觉松散感
示例最小可行样式：
.justify-chinese {
text-align: justify;
text-align-last: justify;
width: 600px;
}
真正要注意的细节：标点、换行与语义破坏风险
强行 justify 可能导致：
• 中文标点（如，。！？）被孤立在行首/行尾（违反中文排版规范）
• 英文单词被错误拆开（如 JavaScript 拆成 Java-Script）
• 屏幕缩放后间隙忽大忽小，影响可读性
所以实际项目中：
• 避免对标题、按钮文案、短说明文字用 justify
• 优先考虑设计层面的留白控制，而非强依赖 justify 对齐
• 如果内容来自 CMS 或用户输入，务必测试混合中英文、含数字和符号的边界情况
最常被忽略的一点：justify 效果高度依赖字体度量和浏览器渲染引擎，同一段 HTML 在 Chrome 和 Firefox 下呈现可能完全不同——别把它当精确排版工具用。
