vue 容超出三行之后显示下拉箭头 （可适配富文本）
创始人
2024-03-27 15:20:31
0次
问题提出：后台返回富文本，前端实现内容超出三行之后显示下拉箭头，展示全部，还可以收起
难点：富文本内容不稳定 会出现换行等 或者字体大小问题会印象
ps： 就算不是富文本只是正常的文章也是可以使用的呢
思路: 1.给文本设置行高30 ，总行高 高度超出 90 即可显示箭头
2.超出90 之后才显示 省略号（需要控制class动态添加）
易误区 1.提前添加省略号导致无法成功 2.给盒子设定了固定高度 导致无法成功
![]()
![]()