需求:

未知字数的一段文本,最多显示4行;

超过四行,则文本溢出,显示展开按钮,展开后显示收起按钮


1.字数较少,不显示展开按钮

2.超过四行,文本溢出,显示展开

3.超出四行,展开后显示收起

多行文本溢出代码:

overflow: hidden;

-webkit-box-orient: vertical;

display: -webkit-box;

-webkit-line-clamp: 4;

text-overflow: ellipsis;


问题:文本内容达到溢出的条件怎么判断,现在是用文本的字数,比如105个字,超过105个字显示按钮,但显然不合理,求指导,谢谢


展开全部
收起
7回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 沐雨风

    19人对此回答表示赞同

    小程序页面字体大小/行高不好直接设置px,设计图750,那样会显得和其他页面格格不入,尤其是在小屏手机上,所以怎么计算好像都不靠谱,暂时项目需求直接去除了这个按钮

    展开
    19
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Henry韩飞

    16人对此回答表示赞同

    多谢,我再琢磨下,真不好处理的话,就只好字符个数来解决了

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 钟毓

    7人对此回答表示赞同

    嗯,宽高是可以获取得到,但是什么条件表明它超出了容器而隐藏?不同设备宽高比什么的都不固定

    展开
    7
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 吴震

    4人对此回答表示赞同

    wx.createSelectorQuery().select()

    展开
    4
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 灯下夜祷

    3人对此回答表示赞同

    行高不是跟容器大小一样的么比如容器大小为200rpx那么行高为50那就只能显示4行啊获取当前容器只要超过200rpx就说明超高了不过可能要转换一下rpx到px

    展开
    3
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 雪先生

    3人对此回答表示赞同

    我就取的合适的值就没出过事

    展开
    3
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • SweetyAriana

    2人对此回答表示赞同

    这么整肯定不行,我们项目里用了展开收起文字功能,没发现谁的手机有问题

    展开
    2
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部