css - 如何断线？ (和 safari 移动问题)

Question

我对如何断行感到很困惑。有 word-wrap: break-word 和 word-break: break-all。注意确定哪个是正确的方法，我不在乎这个词是否会被中间切掉。所以我实际上有 3 个问题:

1. 哪一个是正确的做法
2. 分词和换行有什么区别
3. 为什么 safari 不能使用 word-wrap: break-word 或 word-break: break-all，而是使用非标准的 分词:分词

Answer 1

好吧，我不是专家，但我相信 word-wrap: break-word 和 word-break: break-word 是同一回事。

它们都与 word-break: break-all 不同，因为它们会尝试在有意义的地方断开单词(例如，当单词中有破折号时)，除非单词传播整个元素的宽度，然后它将在最后一个可能的字符处截断单词。

word-break: break-all 另一方面，当它达到元素的宽度时，将在最后一个可能的字符处中断所有内容。

所以，你用哪个取决于你想要什么样的效果。如果你真的不关心单词是否在中间断掉，word-break: break-all 就可以了。我个人只使用过word-wrap: break-word，我很确定这是更传统的。

我无法回答您的 safari 问题。所有的浏览器在处理 css 的方式上都不同，有时(令人恼火的是)您作为开发人员只需要解决它。

希望这对您有所帮助。