本身寫了一個多行文本溢出文字補全的小庫, 說不定你會用獲得的

有些時候產品會有這麼個需求，但願給文章或者帖子給一個摘要，最多3行，或者其它行數，超出3行會補上'...'。固然這種很簡單，用css能夠搞定。可是趕上要求多點的產品，但願補上的是'...查看全文'，這樣的話就難辦了。

我也在網上查了不少，至少我沒發現有一個比較好的解決方案，也參考了微博和知乎的信息流，發現它們多是根據文字的個數來算的，由於並無看到有那種 恰好'閱讀全文'這4個字就處於最後一行的末尾。

微博效果：

知乎效果：

所以本身也鼓搗了一番，終於勉強搞出了本身一個還算比較滿意的小庫。
總體的思路仍是算每一個字的寬度來計算出有多少行。由於web前端仍是沒有辦法直接獲得文本到底有多少行，因此這個計算仍是比較麻煩。用的小技巧就是把每一個字都包裹一個行內標籤，計算這個行內標籤的寬度。

我本身的項目效果：

項目已經放在github上了，npm上也已發佈了，搜 text-overflow 便可

項目地址

demo地址

但願喜歡的同窗，或者用的到的同窗能夠用起來，有問題也能夠給我提issue，也別忘了給個人項目點star哦， 這樣我會繼續更新下去的。