移动端关于两行超出显示省略号的问题

目前可以用css的这个属性为2-webkit-line-clamp: 2; 展示两行超出显示省略号。

但是目前有一个问题就是,我有一个显示剩余内容的功能,所以就需要我去判断是不是达到了两行并且出现了省略号才会出现这个显示剩余内容的功能。

现在我想到一个方法但是我觉得不是很靠谱,用js去拿到屏幕的宽度,然后在去算字的宽度,两行差不多多少字,然而这里面就有符号,英文和数字等等一些宽度也会影响判断是否达到了两行,感觉不是很好,有没有大佬指点一下这个功能该怎么做?

已解决 悬赏分:40 - 解决时间 2021-11-27 15:00
反对 0举报 0 收藏 0

回答1

最佳
  • @

    不用, 指定行高, 插入 dom 树计算高度, lineNum = totalHeight / lineHeight;
    然后再计算的

    支持 0 反对 0 举报
    2021-11-27 08:32