text-wrap: pretty 对中文基本无效，因Chrome依赖空格分词而中文无此特征，Firefox/Safari完全不支持；应改用<wbr>、hyphens: auto、word-break+overflow-wrap或flex-wrap等稳定方案。
text-wrap: pretty 对中文段落末尾的孤字和短行问题基本无效，不建议在生产环境使用。
为什么 text-wrap: pretty 在中文里几乎不生效
Chrome 当前（2026 年中）的实现严重依赖空格分词和语义边界识别。中文连续字符无空格、无明确单词边界，浏览器无法判断“哪里断行才不孤字”，算法直接跳过优化逻辑。
常见错误现象：text-wrap: pretty 写进 CSS 后 DevTools 显示正常，但段落末尾依然只剩一个字；本地 Chrome 看着像有变化，换到 Firefox 或 Safari 就完全没反应——因为这两个浏览器根本不支持该属性，会静默丢弃声明。
它不是“强制控制断点”的属性，而是段落级多行联动算法，前提是有多个可识别的合法断点。中文文本极少提供这种机会。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
哪些场景下它可能“看起来有效”
仅限极少数可控英文测试用例，不能作为中文排版依据：
-
max-width足够小、字号足够大，确保生成 ≥2 行 - 段落含明确空格分隔的英文单词，如
"The quick brown fox" - 未启用
white-space: nowrap、overflow-wrap: anywhere等干扰换行的属性 - 未与
text-align: center同时使用（居中会掩盖行长差异，导致 balance/pretty 逻辑失效）
真正能解决中文孤字和短行的替代方案
别把时间花在调试 text-wrap: pretty 是否生效上。以下方法在所有主流浏览器中稳定可用：
- 对标题或短句，在易折位置插入
<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，也不生成任何可见节点，纯属渲染层临时调整，不具备可交付性。
