现代CSS:CSS 属性 text-wrap:balance

科技   2024-10-20 21:25   北京  

你是否曾希望 CSS 中有一种原生方法,能让两行标题每行的字数保持一致?作为一名前端开发者,我经常会遇到这样的问题:内容长度不一,会让你正在设计的用户界面感觉不平衡,或者缺少了什么。

在代码中,如果平衡很重要,我们可以手动使用 <br> 来实现,或者使用 <span> 来分割内容的其他部分。有一些方法可以通过使用 <wbr> 元素向浏览器提示何时断开一个单词,但不能断开一个句子。

幸运的是,现在已经有原生的 CSS 属性可以支持 text-wrap: bblance。浏览器会自动计算字数,并将其平均分成两行。

FED实验室
前端开发实验室,专注于前端全栈开发方向,内容覆盖前端热点资讯、工程架构、技术实践、工具资源和前端面试招聘等内容。全网同号。
 最新文章