css - word-break : normal; and word-break: keep:all;? 之间有什么区别

Question

这些看起来都是一样的，有什么区别？ https://jsfiddle.net/pmuub8w1/2/

    p{
          word-break:normal;
   }

   p{
         word-break: keep-all;
    }

Answer 1

1. normal:遵循正常的换行规则，即在单词之间的空格处换行。因此，即使最后一个单词超出了容器的范围，句子也不会转到下一行，直到下一个单词出现。这将对所有文本完成，即使是 CJK characters。 (中文、日文、韩文及衍生品)
2. break-all:如果字符超出范围则中断，这意味着单词本身将被中断并带到第二行。因此，假设 ALongWord 在 AL 处越界，那么 break-all 将使其余的 ongWord 转到第二行。对于 CJK 字符不会执行此操作。
3. keep-all:除中日韩字符外，按正常行规则中断。这就像 normal 除了 CJK 它根本不会中断(既不是像 normal 那样按行规则，也不像像那样按字符通过 break-all)

以下是 Mozzila documentation 处示例的屏幕截图.

请注意处理非 CJK 和 CJK 句子的区别。