居然第一次遇到這種問題,還想了半天到底是怎么回事,為什么明明div設置寬度了,里面的文字超過寬度后居然不換行。
(1)word-break屬性,可以讓瀏覽器實現在任意位置換行。
normal:使用瀏覽器默認的換行規則
break-all:允許在單詞內換行,效果如下:
keep-all:只能在半角空格或連字符處換行
(2)word-wrap屬性,允許長單詞或URL地址換行到下一行。
normal:只在允許的斷字點換行(瀏覽器保持默認處理)
break-word:在長單詞或 URL 地址內部進行換行,效果如下: