“断字:断字”的风格是什么?

例如,关于这个主题还有其他问题 this one 有许多很好的答案,但这些信息的数量可能会分散基本问题的注意力, 不同的价值观是什么 word-break 做 . 所以这是这个问题的答案,只有这个问题。

如果你记下这段话

body {
  max-width: 15em;
  box-shadow: green 0 0 8px;
  word-break: normal;
}

Some short words, somewhatlongerwords and extremelylongwordsthatarereallylong for testing purposes.

默认值为 normal ,单词不会被破坏;使用普通的换行符,最长的单词会从框中溢出。截图:

break-all 在行尾打断所有单词,不管它们是否适合下一行。

keep-all 指的是CJK(中文、日文和韩文)单词,它们之间通常没有空格。
对于纯英语文本,没有区别 正常的 .

_{(如果你感兴趣, this MDN article 有一个日文示例,您可以在其中看到不同之处。)}

和 break-word 把那些不适合的词分解。这和 打破一切 ,这会破坏所有单词。

最后一个是非标准的,在所有浏览器中都不起作用,所以如果你想这样做,你也应该写 overflow-wrap: break-word; 在样式表中,以及与旧浏览器的兼容性 word-wrap: break-word; 也。

还有很多,不过我会推荐你去的 this question 用于推理、历史等。

分词-如果单词超过了宽度,则将其分隔到下一行。 您可以在浏览器中检查CSS工作,也可以不在下面的站点中检查。

caniuse.com