text-wrap: pretty 对中文无效，因依赖空格分词而中文无此特征，且 Firefox/Safari 不支持；应改用 、hyphens: auto、word-break + overflow-wrap 或 flex-wrap 等稳定方案。
text-wrap: pretty 对中文段落末尾的孤字和短行问题基本无效，不建议在生产环境使用。 它不是“开了就有用”的排版开关，而是依赖浏览器对英文语义边界的识别能力——中文没有空格分词，Chrome 当前（2026 年中）根本不会为中文触发该策略。
为什么 text-wrap: pretty 在中文里几乎不生效
常见错误现象：text-wrap: pretty 写进 CSS 后 DevTools 显示正常，但段落末尾依然只剩一个字；本地 Chrome 看着像有变化，换到 Firefox 或 Safari 就完全没反应。
- Chrome 的
text-wrap: pretty实现严重依赖空格和单词边界判断，中文文本无此特征，算法直接跳过优化 - Firefox 和 Safari 完全不支持该属性（截至 2026 年 5 月），会静默丢弃声明，降级为默认换行行为
- 它不是“强制断行控制”，而是段落级多行联动算法——前提是浏览器能识别出多个合法断点，而中文连续字符极少提供这种机会
哪些场景下它可能“看起来有效”
仅限于极少数可控条件下的英文测试用例，不能作为中文排版依据：
- 段落含明确空格分隔的英文单词（如
"The quick brown fox jumps over the lazy dog"） - 容器设置了
max-width，且字号足够大、视口足够窄，确保生成 ≥2 行 - 未启用
white-space: nowrap、overflow-wrap: anywhere等干扰换行的属性 - 未与
text-align: center同时使用（居中会掩盖行长差异，导致 balance/pretty 逻辑失效）
真正能解决中文孤字和短行的替代方案
别把时间花在调试 text-wrap: pretty 是否生效上。以下方法在所有主流浏览器中稳定可用：
立即学习“前端免费学习笔记（深入）”；
- 对标题或短句，在易折位置插入
<wbr></wbr>，比如人工智能<wbr>应用</wbr>，给浏览器提供明确断点 - 用
hyphens: auto配合lang="zh"属性，部分 Chromium 版本可对中文拼音注音后连字符断行（需测试） - 组合
word-break: keep-all+overflow-wrap: break-word，防止长词撑破容器，同时保留中文词完整性 - 对卡片标题等固定结构，改用
display: flex; flex-wrap: wrap; justify-content: center;模拟视觉平衡，比依赖渲染时算法更可靠
最容易被忽略的一点：即使你在 Chrome 120+ 中看到 text-wrap: pretty 对某段英文生效，一旦用户开启阅读模式、打印页面或截图分享，该效果立即消失——它不改变 DOM，也不生成任何可见节点，纯属渲染层临时调整，不具备可交付性。
