Ellipsis 的升級版 line-clamp

使用場景：

一般狀況下咱們使用點點點只是針對一行的狀況下；也就是說content只能是單行；當content的實際長度超過了容器的長度就用點點點來顯示。以下圖：

然而，有的需求要求內容容許換行，但行數有限，當行數超過既定的行數的時候，纔在內容的最後一行用點點點來替代未顯示的內容。以下圖：

此時，下面的這個css屬性能夠幫助你實現這個需求：

-webkit-line-clamp: 2; // 該屬性存在兼容性問題