word-break:break-all与word-wrap:break-word

word-break

属性值:  normal      使用默认的换行规则

break-all  允许任意非CJK(chinese/japanese/korean)文本间的单词断行

keep-all   不允许CJK文本中的单词换行,只能在半角空格或连字符处换行

break-all这个值所有的浏览器都支持


word-wrap

属性值:normal    就是大家平常见的最多的正常的换行规则

break-word    一行单词中实在没有其他靠谱的换行点的时候换行

word-wrap  由于和word-break太像,于是在css3规范中,把 属性名改为 overflow-wrap 仅chrome/safari等webkit浏览器支持


两者区别

word-break:break-all
所有的都换行

word-wrap:break-word

如果一行文字有可以换行的点,如空格,或CJK之类的,就让这些换行点换行,不关心对不对齐,好不好看。容易出现一片一片的空白

你可能感兴趣的:(word-break:break-all与word-wrap:break-word)