在網頁設計的過程中，經常會用到
標簽來定義一個塊級元素。有時候，我們希望在一個
中顯示的文本或圖片過多時，能夠自動換行來適應頁面的寬度，這時就需要用到CSS來控制
的自動換行。
在CSS中，我們可以通過設置
的屬性來控制它的自動換行，具體步驟如下：
/* 設置div的寬度和高度 */
div {
width: 300px;
height: 300px;
}
/* 設置div的文字內容自動換行 */
div {
white-space: normal;
}
/* 設置div的文字內容不自動換行 */
div {
white-space: nowrap;
}
/* 設置div內的元素自動換行 */
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}第一個設置塊中，我們通過設置
的寬度和高度來限制它的大小。第二個設置塊中，我們使用了“white-space: normal;”屬性來讓
中的文字內容自動換行。
第三個設置塊中，我們使用了“white-space: nowrap;”屬性來讓
中的文字內容不自動換行。這個屬性主要用于需要強制一行顯示的情況，例如一個水平的導航欄。
第四個設置塊中，我們使用了“overflow: hidden;”屬性來限制
內部元素的大小，同時使用“text-overflow: ellipsis;”屬性來在元素內容溢出時以省略號“...”代替。最后，通過“white-space: nowrap;”屬性來讓元素內容不自動換行。
通過以上設置，我們可以掌握CSS中控制
自動換行的方法，從而更加靈活地設計網頁。