CSS實現英文在換行時,單詞始終保持完整


如圖所示:

代碼:

1  word-break:break-all;  //只對英文起作用,以字母作為換行依據
2  word-wrap:break-word;  //只對英文起作用,以單詞作為換行依據
3  white-space:pre-wrap;  //只對中文起作用,強制換行
4 white-space:nowrap;  //強制不換行,都起作用
5 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  //不換行,超出部分隱藏且以省略號形式出現

 


免責聲明!

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



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