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
我该如何解决这个问题?:
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