如何在DIV中强制在一个长单词中换行？
如何在DIV中强制在一个长单词中换行？
提问于 2010-06-17 12:26:59
好吧，这真的让我很困惑。我在div中有一些内容，如下所示：
<div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div>然而，由于“word”太长，内容溢出了DIV (不出所料)。
我如何才能强制浏览器在需要的地方“打断”单词，以适应所有的内容？
回答 8
Stack Overflow用户
发布于 2015-03-10 16:25:56
​是一个叫做零宽度空格(ZWSP)的unicode字符的HTML实体，它是一个指定换行机会的不可见字符。同样，连字符的目的是指定单词边界内的换行机会。
Stack Overflow用户
发布于 2016-12-02 09:14:31
当使用flexbox并依赖于width: auto时，我发现使用以下浏览器可以在大多数主流浏览器(Chrome，IE，Safari iOS/OSX)上工作，除了Firefox (v50.0.2)。
.your_element {
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}注意:如果您不使用自动修复程序，则可能需要添加浏览器供应商前缀。
另一件需要注意的事情是，使用 作为空格的文本可能会导致单词中间换行。
Stack Overflow用户
发布于 2018-04-24 22:09:39
如果有white-space: nowrap，请将其删除。
实施：
white-space: inherit;
word-break: break-word;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3058866
复制相关文章
相似问题