如何在DIV中实现长单词的强制换行？

Question

好的，这真的让我很困惑。我有一些内容放在一个

内，如下所示：

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

然而，内容溢出了

（正如预期的那样），因为这个“单词”太长了。

我如何强制浏览器在必要时“断开”单词以适应所有内容？

Answer 1

我不确定浏览器的兼容性

word-break: break-all;

你也可以使用 <wbr> 标签

Answer 2

使用word-wrap:break-word;

这甚至在IE6中也能正常工作，这是一个令人愉快的惊喜。

---

word-wrap: break-word已被替换为overflow-wrap: break-word;，它适用于所有现代浏览器。由于IE是一个已经过时的浏览器，它将永远依赖于被弃用和非标准的word-wrap。

当前使用word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wrap的别名。