你是否曾希望 CSS 中有一种原生方法,能让两行标题每行的字数保持一致?作为一名前端开发者,我经常会遇到这样的问题:内容长度不一,会让你正在设计的用户界面感觉不平衡,或者缺少了什么。
在代码中,如果平衡很重要,我们可以手动使用 <br>
来实现,或者使用 <span>
来分割内容的其他部分。有一些方法可以通过使用 <wbr>
元素向浏览器提示何时断开一个单词,但不能断开一个句子。
幸运的是,现在已经有原生的 CSS 属性可以支持 text-wrap: bblance
。浏览器会自动计算字数,并将其平均分成两行。