內容超過長度后以省略號顯示


{width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

1、之前在考慮如果進行字符串截斷時,一直在思考如何用js來完成而忽略了css的text-overflow屬性;

  通過設置white-space:nowrap使字符串不換行,然后設置text-overflow:ellipsis,顯示省略標記(如果不想顯示省略標記,將text-overflow設為clip);

2、缺點在於只能在只顯示一行時使用。

3、white-space: nowrap; 強制不換行

  word-wrap:break-word; 強制連續字符換行


免責聲明!

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



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