有時候文字太多,但為了美觀想要在第二行的時候才顯示省略號,而不是第一行超出馬上就出現省略號
下面是css代碼:
overflow:hidden;
text-overflow: ellipsis;//顯示省略號
display:-webkit-box;
-webkit-line-clamp:2;//塊元素顯示的文本行數
-webkit-box-orient:vertical;
截圖:
定義在div上就可以了
上效果圖
這樣文字不會到第三行
有時候文字太多,但為了美觀想要在第二行的時候才顯示省略號,而不是第一行超出馬上就出現省略號
下面是css代碼:
overflow:hidden;
text-overflow: ellipsis;//顯示省略號
display:-webkit-box;
-webkit-line-clamp:2;//塊元素顯示的文本行數
-webkit-box-orient:vertical;
截圖:
定義在div上就可以了
上效果圖
這樣文字不會到第三行
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。