如何实现文本多行显示限制，并在第二行添加省略号？

Question

无论字符多少，最多显示俩行，字数超出俩行，第二行行首用省略号显示，不足俩行的，显示全部字符。
如下

Answer 1

为啥是省略中间的内容，而不是省略末尾的内容？

如果是省略末尾的内容的话，就直接用下面这段CSS样式组合就可以实现了。

text-truncate {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

CSS 中的文字超出省略_- CodePen

---

如果一定要做文本溢出之后第二行开头省略的话，可以阅读一下之前 XboxYan 的这篇文章，有一点点类似。需要借助JS做一些判断。

CSS 实现多行文本“展开收起” - 前端侦探 - SegmentFault 思否

Answer 2

写过类似的，自己改造下吧
https://codepen.io/willisye/pen/eYqpgjZ

Answer 3

使用js？https://codepen.io/sqzr123/pen/BaXowMJ