多行文本溢出顯示省略號

終於找到多行文本溢出顯示省略號的方法了……

今天看腳本之家的時候偶然間發現了一個我困惑已久的問題的解決方案：

即：多行文本溢出顯示省略號。

解決方案：

html：

1 <p>阿斯蒂芬甲氨蝶呤範江岸路電話發來的激發了阿斯蒂芬哈倫褲都發了單號發來看哈啊手動閥老客戶的罰款厲害快樂哈說的話</p>

css：

1 p {
2         text-indent: 2em;
3         text-overflow: ellipsis;
4         display: -webkit-box;
5         -webkit-line-clamp: 2;
6         -webkit-box-orient: vertical;
7         overflow: hidden;
8     }

示例文本較少，建議手機端查看：

結果如圖所示：