word-break
屬性值:? normal????? 使用默認(rèn)的換行規(guī)則
break-all? 允許任意非CJK(chinese/japanese/korean)文本間的單詞斷行
keep-all?? 不允許CJK文本中的單詞換行,只能在半角空格或連字符處換行
break-all這個(gè)值所有的瀏覽器都支持
word-wrap
屬性值:normal??? 就是大家平常見(jiàn)的最多的正常的換行規(guī)則
break-word??? 一行單詞中實(shí)在沒(méi)有其他靠譜的換行點(diǎn)的時(shí)候換行
word-wrap? 由于和word-break太像绿聘,于是在css3規(guī)范中,把 屬性名改為 overflow-wrap 僅chrome/safari等webkit瀏覽器支持
兩者區(qū)別
word-break:break-all
所有的都換行
word-wrap:break-word
如果一行文字有可以換行的點(diǎn)颈将,如空格翠霍,或CJK之類的,就讓這些換行點(diǎn)換行,不關(guān)心對(duì)不對(duì)齊话速,好不好看。容易出現(xiàn)一片一片的空白