为什么这些词会在奇怪的地方中断？

Question

现场直播：http://chadfraser.com/

如您所见，如果您在移动设备上查看或缩放浏览器 window，文字会在奇怪的地方中断。我可以添加连字符，但我的客户是专业作家并且不需要它们。不过我们不应该需要它们 - 我不明白为什么这些词不会用白色 space.

包裹起来

如有任何想法，我们将不胜感激。

Answer 1

这是因为您的代码正在赋值 word-wrap: break-word; 它会导致单词在必要时分成两半。

最准确地说，它是在第 51 行的 styles.css 中设置的：

body {
    word-wrap: break-word;
    ...

因此，您的整个文档将像这样。在你不想破坏的元素上将 属性 设置为 word-wrap: normal，或者只是从 body

中删除这个 属性