css 多出一行或多行后顯示...的方法


一行超出顯示...

1 .mui-ellipsis {
2     overflow: hidden;
3     white-space: nowrap;
4     text-overflow: ellipsis;
5 }

兩行超出的顯示...

1 .mui-ellipsis-2 {
2     display: -webkit-box;
3     overflow: hidden;
4     white-space: normal!important;
5     text-overflow: ellipsis;
6     word-wrap: break-word;
7     -webkit-line-clamp: 2;
8     -webkit-box-orient: vertical;
9 }

 


免責聲明!

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



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