为什么这些词会在陌生的地方突破？

Question

这是现场网站：http://chadfraser.com/

正如您所看到的，如果您在移动设备上查看或缩放浏览器窗口，这些词会在奇怪的地方中断。我可以添加连字符，除了我的客户是专业作家并且不想要它们。我们不应该需要它们 - 我无法弄清楚为什么单词不会用白色空间包裹。

任何想法都会受到赞赏。

Answer 1

这是因为你的代码正在分配word-wrap: break-word;如果有必要，它会导致单词分成两半。

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

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

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