收藏
回答

文本增加显示全文按钮?

这是我想要的效果。


这是我做出来的效果。


请问如何实现最后一行省略号缩进。

chat-box-text{

display: -webkit-box;

overflow: hidden;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

text-overflow: ellipsis;

line-clamp: 2;

height: 88rpx;

}

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

1 个回答

  • 拾忆
    拾忆
    2019-10-15

    (...显示 ) 在一起,

    两个渲染文本,

    第一个 全部的文字渲染出来 初始条件隐藏

    第二个 是渲染多少个字符 把 (...显示)的位置预留出来 ,当字符小于这个长度时,直接隐藏,显示第一个



    2019-10-15
    有用 2
    回复 3
    • Qiu (吉²)
      Qiu (吉²)
      2019-10-15
      谢谢
      2019-10-15
      回复
    • ꫀડρꫀᥴⅈꪖꪶꪶꪗ
      ꫀડρꫀᥴⅈꪖꪶꪶꪗ
      2019-10-29
      请问一下,如何判断文本是否超出,不超出不显示全文按钮,超出才显示这个按钮
      2019-10-29
      回复
    • gph
      gph
      2019-11-07回复ꫀડρꫀᥴⅈꪖꪶꪶꪗ
      我的做法是 定义一个变量  如果你文本超出  就把你的文本赋给这变量  然后判断这变量
      2019-11-07
      回复
登录 后发表内容
问题标签