html div內第二行文字顯示不下的時候才用省略號代替 css實現


有時候文字太多,但為了美觀想要在第二行的時候才顯示省略號,而不是第一行超出馬上就出現省略號

下面是css代碼:

overflow:hidden;
text-overflow: ellipsis;//顯示省略號
display:-webkit-box;
-webkit-line-clamp:2;//塊元素顯示的文本行數
-webkit-box-orient:vertical;

截圖:

定義在div上就可以了

上效果圖

這樣文字不會到第三行

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM