本文转载于:猿2048网站➵https://www.mk2048.com/blog/blog.php?id=i2ka1cji2j
有些时候产品会有这么个需求，希望给文章或者帖子给一个摘要，最多3行，或者其它行数，超出3行会补上'...'。当然这种很简单，用css可以搞定。但是遇上要求多点的产品，希望补上的是'...查看全文'，这样的话就难办了。
我也在网上查了很多，至少我没发现有一个比较好的解决方案，也参考了微博和知乎的信息流，发现它们可能是根据文字的个数来算的，因为并没有看到有那种 刚好'阅读全文'这4个字就处于最后一行的末尾。
微博效果：
知乎效果：
因此自己也鼓捣了一番，终于勉强搞出了自己一个还算比较满意的小库。 整体的思路还是算每个字的宽度来计算出有多少行。因为web前端还是没有办法直接得到文本到底有多少行，所以这个计算还是比较麻烦。用的小技巧就是把每个字都包裹一个行内标签，计算这个行内标签的宽度。
我自己的项目效果：
项目已经放在github上了，npm上也已发布了，搜 text-overflow 即可
希望喜欢的同学，或者用的到的同学可以用起来，有问题也可以给我提issue，也别忘了给我的项目点star哦， 这样我会继续更新下去的。