CSS 中的文本超過距離，當文本內容的長度超過容器的寬度時，會自動換行。這是因為 CSS 中的“自動換行”屬性默認值為“normal”，即文本會在單詞或者符號之后換行。

但有時候我們需要對文本超過距離的換行進行控制?？梢允褂?CSS 中的“word-wrap”屬性或者“overflow-wrap”屬性來實現。

/* 使用 word-wrap 屬性 */
.container {
word-wrap: break-word;
}
/* 使用 overflow-wrap 屬性 */
.container {
overflow-wrap: break-word;
}

以上代碼均將文本超過距離的部分強制換行。其中，“break-word”值是將單詞進行斷開，以防止單詞被截斷；“overflow-wrap”也可以將單詞斷開換行。

需要注意的是，“word-wrap”屬性是 CSS3 中的屬性，而“overflow-wrap”則是 CSS3.1 新增的屬性，兩者的功能都是相同的，只是名稱不同。在使用時可以根據自己的需要進行選擇。