在CSS中，有一種屬性可以控制文本的換行方式，那就是“word-wrap”。在CSS3中，將“word-wrap”屬性更名為“overflow-wrap”，但兩者作用一致。它的主要作用是控制文本在遇到換行標記之前強制換行的方式。當我們在編寫網頁布局時，常常會出現超出寬度的文本導致網頁顯示不美觀的問題，如果不加以處理，網頁的用戶體驗將大大降低。

div{
width: 300px;  /*定義容器的寬度*/
border: 1px solid #ddd;
padding: 20px;
word-wrap: break-word; /*控制文本強制換行*/
}

在上述代碼中，我們選定一個div容器來展示文本。首先定義容器的寬度為“300px”，然后設置邊框、內邊距以及背景顏色等等。最關鍵的是，我們使用“word-wrap”屬性來控制文本強制換行。通過設置“break-word”的屬性值，文本在遇到容器邊界前將被強制換行。這樣，即使文本超出容器的大小，也不會導致文本溢出容器外而影響網頁的美觀程度。

總之，“word-wrap”屬性是一種非常常見的CSS屬性，可以幫助我們輕松處理文本超出容器邊界的問題。在網頁布局中，使用該屬性不僅可以提高網頁的美觀程度，還可以增強用戶體驗。我們可以在實際項目中靈活運用，為用戶打造更加優秀的網頁。