主要介绍了判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

在进行H5页面开发时，项目都要提测了，产品却加了个点击展开和点击收起的需求。。 上知乎看了下 ，也有人有这样的疑问，今天我就把问题给解决啦~ 这里就来讲述下我的解决方案： 利用多行溢出实现“展开”“收起” 多行溢出省略Css： overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 设计是这样的。