在開發(fā)網(wǎng)站的時候，有時候遇到了一些長單詞或長串的字符，如果它們超過了容器的寬度，就會出現(xiàn)一個問題：裝不下，撐破了。這時候，我們就需要讓這些文字自動換行，在正確的地方斷開。

CSS提供了一個非常方便的方案來解決這個問題，就是使用word-wrap: break-word;樣式。當(dāng)遇到一個單詞比容器更長時，它就會自動換行，并且把單詞斷開放置在新的一行上。

.container {
width: 200px;
border: 1px solid #ddd;
word-wrap: break-word;
}

上面的代碼是一個容器的樣例代碼，我們給它設(shè)置一個寬度，再加上一個邊框。并且為它設(shè)置了word-wrap: break-word;來告訴瀏覽器，當(dāng)單詞超出寬度的時候，就要自動斷開。

這樣，即使我們放入一段超長的單詞，它也會自動斷開，不會讓容器撐破了。

總的來說，word-wrap: break-word;是在處理容器中單詞過長導(dǎo)致顯示出現(xiàn)問題的時候非常好用的一個樣式。當(dāng)你在開發(fā)網(wǎng)站的時候，遇到單詞過長無法定義的時候，不妨嘗試一下這個樣式。