CSS是網頁制作中不可或缺的一部分，其中一個重要的功能就是調整文本的排列方式。而"超過寬度自動換行"則是其中的一個常用技巧。

在CSS中，我們可以使用word-wrap和white-space兩個屬性來控制文本的換行方式。其中word-wrap屬性用于控制長單詞的換行，而white-space屬性用于控制空格的處理方式。

我們在使用CSS設定塊級元素的寬度時，若文本內容超出了指定的寬度，那么此時就需要用到"超過寬度自動換行"這個技巧了。同時，我們也可以使用text-overflow屬性來控制文本溢出時的處理方式。

/* 自動換行 */
.wrap {
width: 200px; /* 指定寬度 */
word-wrap: break-word; /* 長單詞自動換行 */
}
/* 顯示省略號 */
.ellipsis {
width: 200px;
overflow: hidden;
text-overflow: ellipsis; /* 顯示省略號 */
white-space: nowrap; /* 不換行 */
}

在上述代碼中，我們分別使用了word-wrap: break-word;和white-space: nowrap;來實現"超過寬度自動換行"的效果。而在第二個代碼段中，我們使用了text-overflow: ellipsis;來實現超出范圍時顯示省略號的效果。

總之，在網頁制作中，了解和應用"超過寬度自動換行"這個技巧將會大大提高網頁的美觀度和用戶體驗。