CSS文本换行新特性：text-wrap: pretty的排版挑战
Matklad2026/02/14 08:00机翻/自动摘要/自动分类
3 阅读
内容评分
技术含量
8/10
营销水分
6/10
摘要
本文探讨了CSS中`text-wrap: pretty`属性的实现及其与`text-align: justify`组合时的排版问题。该功能旨在提升文本美观度，但实际应用中因算法设计导致单词间距异常。文章分析了技术背景与实现细节，并指出浏览器动态排版的挑战。
正文
2025年，Safari浏览器正式实现了CSS中的text-wrap: pretty属性，旨在提升网页文本的排版美观度。该功能通过动态规划算法优化换行位置，使各行长度接近相等，从而改善阅读体验。然而，当与text-align: justify结合使用时，却出现了单词间距被过度拉伸的问题，影响了视觉效果。文章指出，虽然text-wrap: pretty本身是合理的，但其与text-align: justify的组合在实际应用中仍存在不足。这种问题源于浏览器需要在动态变化的窗口宽度下实时调整排版，而传统排版算法在处理这种复杂场景时表现不佳。文章还通过对比图展示了两种排版方式的差异，并呼吁WebKit团队优化这一组合效果。