1. 首页
  2. 大数据
  3. flink
  4. 移动端的text overflow多行文本溢出显示省略号(...)

移动端的text overflow多行文本溢出显示省略号(...)

上传者: 2020-12-12 14:27:20上传 PDF文件 52.41KB 热度 28次
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(...)。当然部分浏览器还需要加宽度width属性。 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这样的效果。 WebKit浏览器或移动端的页面 在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp ;注意
下载地址
用户评论