如何在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的別名。