CSS設置超出指定寬度自動換行


一、背景

  最近項目中有用到在div中顯示用戶反饋的信息,是指定寬度的div,超出要自動換行,開始寫好后感覺應該沒什么問題,后來自己隨便輸入測試數據的時候發現:如果是純字母或者是純數字就會出現超出了也不會自動換行的問題,甚是無解,后經過努力,已經完美解決,下面來介紹解決方式。

二、解決方式

  對於div,p等塊級元素:正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義的寬度之后自動換行。然后對於純字母和純數字則不行.如下圖:

  

解決辦法是:

  使用word-wrap:break-word ;或者word-break:break-all;實現強制斷行.

添加以后的效果是:

  

奏是這么任性~


免責聲明!

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



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