4770关注15572浏览
需求:
未知字数的一段文本,最多显示4行;
超过四行,则文本溢出,显示展开按钮,展开后显示收起按钮
1.字数较少,不显示展开按钮
2.超过四行,文本溢出,显示展开
3.超出四行,展开后显示收起
多行文本溢出代码:
overflow: hidden;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
问题:文本内容达到溢出的条件怎么判断,现在是用文本的字数,比如105个字,超过105个字显示按钮,但显然不合理,求指导,谢谢
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
沐雨风
19人对此回答表示赞同
小程序页面字体大小/行高不好直接设置px,设计图750,那样会显得和其他页面格格不入,尤其是在小屏手机上,所以怎么计算好像都不靠谱,暂时项目需求直接去除了这个按钮
展开190回复分享发布于 6年前评论(0)
收起评论
-
Henry韩飞
16人对此回答表示赞同
多谢,我再琢磨下,真不好处理的话,就只好字符个数来解决了
展开160回复分享发布于 6年前评论(0)
收起评论
-
钟毓
7人对此回答表示赞同
嗯,宽高是可以获取得到,但是什么条件表明它超出了容器而隐藏?不同设备宽高比什么的都不固定
展开70回复分享发布于 6年前评论(0)
收起评论
-
吴震
4人对此回答表示赞同
wx.createSelectorQuery().select()
展开40回复分享发布于 6年前评论(0)
收起评论
-
灯下夜祷
3人对此回答表示赞同
行高不是跟容器大小一样的么比如容器大小为200rpx那么行高为50那就只能显示4行啊获取当前容器只要超过200rpx就说明超高了不过可能要转换一下rpx到px
展开30回复分享发布于 6年前评论(0)
收起评论
-
雪先生
3人对此回答表示赞同
我就取的合适的值就没出过事
展开30回复分享发布于 6年前评论(0)
收起评论
-
SweetyAriana
2人对此回答表示赞同
这么整肯定不行,我们项目里用了展开收起文字功能,没发现谁的手机有问题
展开20回复分享发布于 6年前评论(0)
收起评论