英文或者數字，內容超長時，換行顯示

今天測試提出一個小問題：

產品標題讀取後臺內容，可是測試人員維護的內容是一串數字或者英文，那麼數字會超出div甚至body，手機端顯示的是overflow-y:visible;的效果，也就是能夠左右拖動了。

這個就尷尬了。

若是是漢字，那麼超出寬度時會自動換行。那麼就須要顯式地定義一下，內容超長就換行：

 

 

word-wrap屬性容許超長的內容能夠自動換行。

word-wrap: normal|break-word;

normal,只在容許的斷字點換行（瀏覽器保持默認處理）。
break-word,在長單詞或 URL 地址內部進行換行。

 

 

那麼在div上使用 word-wrap:break-word; //強制換行　　就能夠了。