在網頁設計中，CSS是一個不可或缺的工具。但是，有時候我們會發現在輸入大段文字時，我們的網頁出現了奇怪的情況——文字并沒有自動換行而是直接延伸到了瀏覽器的最右側，這并不是我們想要的效果。如果你正在經歷這種困擾，那么你可以閱讀這篇文章來了解如何解決它。

p {
white-space: pre-wrap;
word-wrap: break-word;
}

以上代碼是我們需要添加到CSS樣式表中的。這些代碼為我們的段落設置了兩個屬性：white-space和word-wrap。white-space屬性用于控制空白符的處理方式，而word-wrap屬性用于控制單詞如何換行。設置white-space為pre-wrap可以使得瀏覽器將段落內的連續空白符（如多個空格）保留下來。設置word-wrap為break-word可以使得單詞在達到邊界時進行自動換行，不會影響單詞內容。

有了以上的代碼，我們就可以輕松地解決不會自動換行的問題了。此外，你還可以伴隨以上這一設置設置其他樣式，來美化你的網頁，使得內容更加美觀易讀。