在使用 HTML 和 CSS 創建網頁時，自動換行是非常有用的功能。它可以讓文本在達到某個寬度時自動換行，從而適應不同設備和窗口大小。CSS 提供了多種方式實現自動換行。

/* 方法一：word-wrap 屬性 */
p {
word-wrap: break-word;
}
/* 方法二：overflow-wrap 屬性 */
p {
overflow-wrap: break-word;
}
/* 方法三：white-space 屬性 */
p {
white-space: pre-wrap;
}
/* 方法四：斷詞 */
p {
word-break: break-all;
}

以上代碼展示了四種常見的實現自動換行的方法。

第一種方法使用了word-wrap屬性，當單詞長度超出了容器的寬度時，該屬性會將單詞截斷并自動換行到下一行。這種方法適用于需要強制單詞換行的情況。

第二種方法使用了overflow-wrap屬性，它與word-wrap的效果相同，只是名字不同，建議使用此屬性。

第三種方法使用了white-space屬性，該屬性用于設置空白符的處理方式。它的值可以是normal、nowrap或者pre-wrap等。其中，pre-wrap可以保留源文件中的換行符，并在容器寬度不夠時進行自動換行。

第四種方法使用了word-break屬性，它可以將長單詞斷開成多個部分來實現換行。這種方法可以在需要滿足嚴格的排版需求時使用，但可能會影響文本的可讀性。

總之，自動換行在編寫網頁時非常重要，可以提高網頁的兼容性和可讀性。根據需要選擇不同的實現方法即可。