uni-app的超出文本省略號的css寫法


最有保障,不會寬度還夠的情況提前出現省略號


display: -webkit-box; /** 對象作為伸縮盒子模型顯示 **/ overflow: hidden; word-break: break-all; /* break-all(允許在單詞內換行。) */ text-overflow: ellipsis; /* 超出部分省略號 */ -webkit-box-orient: vertical; /** 設置或檢索伸縮盒對象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 顯示的行數 **/

  


免責聲明!

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



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