在頁面中，有時候我們需要使用較長的文字描述和介紹，但是這樣會造成文字撐開容器，影響頁面的布局和美觀程度。這時候我們可以使用css中的換行屬性來防止文字撐開容器。

換行的屬性是word-wrap，它有兩個值：

word-wrap: normal; //默認，不換行
word-wrap: break-word; //強制換行

當設置為break-word時，文字會在容器寬度不夠時進行強制換行，從而避免文字溢出容器。下面是一個例子：

<div style="width: 200px; border: 1px solid #000"><p style="word-wrap: break-word;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ...
</p></div>

在上述例子中，即使div的寬度只有200px，文字也會在不溢出容器的前提下，自動換行成多行，不再影響布局。

需要注意的是，在word-wrap屬性使用的時候，若待換行的文字含有連續的無空格字符（如長單詞、URL等），仍可能撐開容器，此時可能需要使用更靈活的方案，如截取文字或限制輸入字符數。