好吧，这真把我搞糊涂了。我在一个div里面有一些内容，就像这样:
<div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div>
但是，由于“word”太长，内容会溢出DIV(正如预期的那样)。
我怎么能迫使浏览器在必要的地方“打破”这个词，以适应里面的所有内容?
当前回答
& # 8203;是unicode字符的HTML实体，称为零宽度空格(ZWSP)，它是一个不可见的字符，指定换行机会。类似地，连字符的作用是在单词边界内指定换行机会。
其他回答
用word-break: normal似乎比用word-break: break-word更好，因为break-word会打断EN这样的首字母
word-break: normal
使用自动换行:break-word;
它甚至可以在IE6中工作，这是一个令人惊喜的惊喜。
Word-wrap: break-word已替换为overflow-wrap: break-word;它适用于所有现代浏览器。IE作为一个已死的浏览器，将永远依赖已弃用的非标准换行。
目前word-wrap的现有用法仍然适用，因为它是规范中溢换的别名。
为此，您可以使用网格系统。
<div class="container" style="background-color: green; width: 200px; height: 300px;">
<div class="row">Thisisatest.Thisisatest.Thisisatest.</div>
<div class="row">Thisisatest.Thisisatest.Thisisatest.</div>
</div>
我不确定浏览器的兼容性
word-break: break-all;
你也可以使用<wbr>标签
<wbr>(换字)表示:“浏览器 可以在这里插入换行符吗 愿望。”浏览器不会思考 换行没有必要 发生了。
首先，您应该确定元素的宽度。例句:
# sampleDiv { 宽度:80%; 自动换行:break-word; ｝ < div id = " sampleDiv " > aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa < / div >
因此，当文本达到元素宽度时，它将被分解成行。
