CSS实现文本自动平衡text-wrap: balance

不再有排版孤行和寡行

我们都知道那些标题，最后一个单词换行并单独站在新行上，破坏了视觉效果，看起来很奇怪。当然，有老式的 手动换行或将内容分成不同部分。但您听说过text-wrap: balance吗？

通过应用text-wrap: balance属性，浏览器将自动计算单词数并将它们平均分配到两行——非常适合页面标题、卡片标题、工具提示、模态框和FAQ等。

.title {
 
    text-wrap: balance;
}