一、背景
最近項目中有用到在div中顯示用戶反饋的信息,是指定寬度的div,超出要自動換行,開始寫好后感覺應該沒什么問題,后來自己隨便輸入測試數據的時候發現:如果是純字母或者是純數字就會出現超出了也不會自動換行的問題,甚是無解,后經過努力,已經完美解決,下面來介紹解決方式。
二、解決方式
對於div,p等塊級元素:正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義的寬度之后自動換行。然后對於純字母和純數字則不行.如下圖:
解決辦法是:
使用word-wrap:break-word ;或者word-break:break-all;實現強制斷行.
添加以后的效果是:
奏是這么任性~