在进行H5页面开发时,项目都要提测了,产品却加了个点击展开和点击收起的需求。。 上知乎看了下 ,也有人有这样的疑问,今天我就把问题给解决啦~
这里就来讲述下我的解决方案:
利用多行溢出实现“展开”“收起”
多行溢出省略Css:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
设计是这样的。。
点击展开.png
点击收起.png
接下来我来讲讲我的实现
<div class="rev
2021-04-06 19:34:52
260KB
按钮
1