没有间隔文本的CSS溢出问题

Question

我如何解决这个问题？：

My problem

如果我放一个间隔文本没有问题，但是否则......

我正在使用materializecss，如果它可以帮助：）

Answer 1

在相关元素的CSS标记中尝试此操作：word-wrap: break-word;

回答：Brad Colacino

Answer 2

正如布拉德所提到的，你的文字飞离div的原因是因为长单行算作一个单词。默认情况下，行由空格和其他非单词分隔符分隔。

要修复这种长字离开屏幕的情况，请使用：

div { word-wrap: break-word; }

这将告诉浏览器在单词运行div（假设它是div）的位置划分单词并开始一个新行继续切换单词，如：

abcdef ghijk ...

编辑：如果您使用的是CSS3，还有word-break