关于一个从来没做过的css 效果 两行溢出 自动加展开的问题,想请教下大家?-灵析社区

嚯嚯嚯嚯嚯嚯

![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241104/3d77d51ccccfc529c103a56d0b63ea61.png) -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241104/6ca0f5c2ccd810998066504e422eedeb.png) 请问超出两行溢出 加个展开的下箭头,这个我要怎么判断是否超出两行溢出了,还有这个省略号怎么取消 用展开的下箭头代替呢?请问有没有人做过类似的需求?

阅读量:14

点赞量:0

问AI
此刻就必须要祭出本站大佬的文章了:"CSS 实现多行文本“展开收起”" (https://segmentfault.com/a/1190000040030723) 开头就是你的痛点: 实现这一类布局和交互难点主要有以下几点: * 位于多行文本右下角的“展开收起”按钮 * “展开”和“收起”两种状态的切换 * 当文本不超过指定行数时,不显示“展开收起”按钮