基础属性:(只能做到超出一行部分省略号显示)
width: 200px; //宽度
overflow: hidden; //超出文本隐藏
white-space: nowrap; //不换行,只显示一行
text-overflow: ellipsis; //超出部分省略号显示
CSS3属性:(可做到超出 N 行部分省略号显示,行数可自定义)
width: 200px; //宽度
overflow:hidden; //超出文本隐藏
text-overflow:ellipsis; ///超出部分省略号显示
display:-webkit-box; //弹性盒模型
-webkit-box-orient:vertical; //上下垂直
-webkit-line-clamp:4; //自定义行数
本文介绍如何使用CSS实现文本超出容器时以省略号显示的效果,包括单行和多行文本的处理方式,适用于网页布局中对文本长度控制的需求。
显示&spm=1001.2101.3001.5002&articleId=102581681&d=1&t=3&u=2e966e69baf14b60b46d54b662713df9)
3642





