css 多行超長點點點

超長?

不是很好嗎？

不好？

什么？

有什么壞處嗎？

會使人想哭的！

這里來說下，超長點點點的處理：

一行超長點點點，這個很多都會吧！

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

那多行呢？不會了吧，上代碼：

overflow: hidden;    
display: -webkit-box;               // 將對象作為彈性伸縮盒子模型顯示 。
text-overflow: ellipsis;            // 可以用來多行文本的情況下，用省略號“...”隱藏超出范圍的文本 。
-webkit-box-orient: vertical;       // 設置或檢索伸縮盒對象的子元素的排列方式 。
-webkit-line-clamp: 2;              // 限制在一個塊元素顯示的文本的行數。

如果文本很多行的，你想在 n 行的時候超長了就點點點， 那 -webkit-line-clamp 就設置為 n 。

喜歡的朋友可以點點關注。鼓勵作者出多點更好的干貨！