css文字溢出隱藏為三個點...

(1)單行

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

將這三行代碼加到css中就ok了：

　　white-space: nowrap; 是強制顯示為一行：

　　text-overflow: ellipsis; 將文本溢出顯示為（…）

　　overflow: hidden; 不用多說，溢出隱藏。

(2)多行

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

而想要多行文本溢出隱藏就需要使用web-kit based 的瀏覽器提供的支持了

你只要調整 -webkit-line-clamp 的值就能實現在第n行[…]

 

 

 

轉自：https://blog.csdn.net/seiEight/article/details/90902172