如何在DIV中实现长单词的强制换行？
P粉450744515
2023-08-21 14:03:56
<p>好的，这真的让我很困惑。我有一些内容放在一个</p><div>内，如下所示：<p><br /></p>
<pre class="brush:php;toolbar:false;"><div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div></pre>
<p>然而，内容溢出了</p><div>（正如预期的那样），因为这个“单词”太长了。<p><br /></p>
<p>我如何强制浏览器在必要时“断开”单词以适应所有内容？</p></div></div>
我不确定浏览器的兼容性
你也可以使用
<wbr>标签使用word-wrap:break-word;这甚至在IE6中也能正常工作，这是一个令人愉快的惊喜。
word-wrap: break-word已被替换为overflow-wrap: break-word;，它适用于所有现代浏览器。由于IE是一个已经过时的浏览器，它将永远依赖于被弃用和非标准的word-wrap。当前使用
word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wrap的别名。