段落文字溢出页面

Question

在我的网站上，我有一个列出播客的页面 - 当在小屏幕上查看此页面时，文本溢出页面：

This Stack Overflow回答建议创建一个带有属性的css类，这些属性可以阻止文本溢出，如下所示：

.break-long-words {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

我已经检查了Chrome开发工具，并且break-long-words类正在应用于文本，但文本仍在页面上

Answer 1

网络上的文字默认情况下会重排，因此您的行为很可能是因为该文本的其中一个容器的大小是固定的。在这种情况下，固定大小比移动视口大。

也可能是该副本中的单词之间存在 个不间断的空格。当然，它们是防止断裂的空间元素，因此将这些词语粘在一起，防止它们回流。