html - 如何在 DIV 中的长单词中强制换行？

Question

好吧，这真的让我很困惑。我在 div 中有一些内容，如下所示:

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

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

</div>

但是，由于“单词”太长，内容会溢出 DIV(如预期的那样)。

如何强制浏览器在必要的地方“打断”单词以适应其中的所有内容？

Answer 1

使用word-wrap:break-word;

它甚至可以在 IE6 中运行，这是一个惊喜。

---

word-wrap:break-word 已替换为 overflow-wrap: break-word;它适用于每个现代浏览器。 IE，作为一个死掉的浏览器，将永远依赖于已弃用和非标准的 word-wrap。

word-wrap 的现有用途今天仍然有效，因为它是规范中 overflow-wrap 的别名。