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

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

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

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

阅读 4.2k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题