CSS 没有空格文本的溢出问题

CSS Overflow issue with no spaced text

我该如何解决这个问题?:

My problem

如果我放置一个空格文本没有问题,但否则...

如果有帮助,我正在使用 materializecss :)

在您的 CSS 标签中针对相关元素试试这个:word-wrap: break-word;

答案来自:Brad Colacino

正如 Brad 所提到的,您的文本飞出 div 的原因是因为长单行算作一个单词。默认情况下,行由空格和其他非单词分隔符 divided。

要解决长字跑出屏幕的情况,请使用:

div { word-wrap: break-word; }

这将告诉浏览器 divide 这个词在它离开 div 的地方(假设它是一个 div)并开始一个新行在单词被截断的地方继续,如:

abcdef ghijk...

编辑:如果您使用的是 CSS3,还有 word-break