微信小程序如何判断超出几行

Question

问题遇到的现象和发生背景

一个类似朋友圈的动态列表,文本展示5行省略,然后出现全部按钮,但现在要求显示换行符

我的解答思路和尝试过的方法

在onRedy里监听类名,但列表是for循环出来的,而且onRedy只加载一次

我想要达到的结果

列表改变或加载分页的时候,判断文本有无超出5行,显示全部按钮

Answer 1

也是css 控制
https://blog.csdn.net/m0_67448414/article/details/126129611

https://www.jb51.net/article/170934.htm

显示换行符 ？是指 文本 有 换行符 文字也要换行？
可以给 父级 也就是 盒子 加一个 white-space: pre-wrap;

https://www.runoob.com/cssref/pr-text-white-space.html

  display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow:ellipsis;
            -webkit-box-orient: vertical;
            word-break: break-all;
            white-space: pre-wrap;