收藏
回答

小程序如何实现文字过多截断并且添加全文按钮呢?

文字内容多少不一,想请教下如何实现展开按钮功能?

回答关注问题邀请回答
收藏

5 个回答

  • 思男
    思男
    2019-08-06

    css设置如:

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:2;

    overflow:hidden;

    可以将文字限制在2行,超出部分自动省略号


    然后自己写一个展开,控制class。


    2019-08-06
    有用 1
    回复 3
    • 祺爸💎
      祺爸💎
      2019-08-06
      问题是怎么检测出内容超过2行?没超过2行的情况下不需要“展开”
      2019-08-06
      回复
    • 思男
      思男
      2019-08-06回复祺爸💎
      设定行高,createSelectorQuery获取dom判断高度
      2019-08-06
      1
      回复
    • 无忧
      无忧
      2019-08-15
      这个安卓上省略号的位置和ios不同,安卓上是居中显示的,很奇怪。
      2019-08-15
      回复
  • 夏虫语冰
    夏虫语冰
    2019-08-08

    最简单的方式.

    如已知文字行高,和展示区域高度



    2019-08-08
    有用
    回复
  • var 友原
    var 友原
    2019-08-06

    固定行数,或者判断字数,在展开按钮那里绑定一个事件,点击的时候将所有内容显示出来

    2019-08-06
    有用
    回复
  • 是小白啊
    是小白啊
    2019-08-06

    请勿重复发帖,仅保留此贴

    2019-08-06
    有用
    回复 2
    • 钱塘一江水
      钱塘一江水
      2019-08-06
      前面一直发布未成功,提示网络异常,然后成功了一次就发现发了很多,非恶意。。。。
      2019-08-06
      回复
    • 是小白啊
      是小白啊
      2019-08-06回复钱塘一江水
      好的,这块会优化
      2019-08-06
      回复
  • 原点的原点
    原点的原点
    2019-08-06

    我是规定字符长度,超出用省略号,点及展开将全文展示出来

    2019-08-06
    有用
    回复
登录 后发表内容