多行文本省略号的实现.html
2021-07-10 07:04
阅读：391
YPE html>
标签：情况 ibus lips odi imp 模型 dict port 单行
多行文本省略号的实现
Document
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus qui, sed laudantium?
Hic facilis eius eveniet quisquam, voluptatibus molestias, soluta. Odit dicta et omnis
fugiat magnam commodi reiciendis consequatur quosLorem ipsum dolor sit amet, consectetur
adipisicing elit. Impedit quis dolore, assumenda veniam deserunt suscipit maxime, magni
doloremque excepturi praesentium ea ullam earum rem vel voluptatibus ex omnis odio ipsum.
需要知道的几个属性：
- text-overflow: ellipsis：用来实现单行文本的溢出显示省略号（...）;在多行文本的情况下，用省略号(...)隐藏超出范围的文本
- display: -webkit-box：将对象作为弹性伸缩盒子模型显示
- -webkit-line-clamp:6：用来限制在一个块元素显示文本的行数
- -webkit-box-orient:vertical：设置或检索伸缩盒对象的子元素排列方式
多行文本省略号的实现.html
标签：情况 ibus lips odi imp 模型 dict port 单行
原文地址：http://www.cnblogs.com/lxmtx/p/7091270.html
评论
亲，登录后才可以留言！