好吧，这真把我搞糊涂了。我在一个div里面有一些内容，就像这样:
<div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div>
但是，由于“word”太长，内容会溢出DIV(正如预期的那样)。
我怎么能迫使浏览器在必要的地方“打破”这个词，以适应里面的所有内容?
当前回答
.word-break {
word-break: keep-all;
word-wrap: break-word;
}
其他回答
这样做:
<div id="sampleDiv">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
#sampleDiv{
overflow-wrap: break-word;
}
CSS换行:break-word;，在FireFox 3.6.3中测试
试试我们的风格
white-space: normal;
空白由浏览器保留。文本将在必要时自动换行，并在换行时自动换行
.pre-wrap {
white-space: pre-wrap;
word-break: break-word;
}
DEMO
td { 单词分割:break-word; 空白:pre-wrap; -moz-white-space: pre-wrap; ｝ 表{ 宽度:100 px; 边框:1px纯黑色; 显示:块; ｝ <表> < tr > < th > < / th >列表 < td > 1. longtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtext 2. breaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreakline < / td > < / tr > 表> < /
首先，您应该确定元素的宽度。例句:
# sampleDiv { 宽度:80%; 自动换行:break-word; ｝ < div id = " sampleDiv " > aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa < / div >
因此，当文本达到元素宽度时，它将被分解成行。
