最近在寫網頁時遇到了一個很奇怪的問題：CSS中的某段代碼總是顯示不全，導致我無法繼續工作。仔細觀察后發現，出現這個問題的原因是因為 CSS 中的長代碼沒有自動折行。

如果你也曾經遇到這個問題，可能會感到非常的困擾。這里我分享一下解決這個問題的方法，希望能夠幫到你。

.code {
white-space: pre-wrap;
word-wrap: break-word;
}

我們只需要在代碼塊的CSS中加入white-space: pre-wrap;和word-wrap: break-word;就可以解決這個問題。其中，white-space: pre-wrap;可以使得文本在遇到空格或換行時不被壓縮，word-wrap: break-word;可以讓瀏覽器自動在整個單詞之間插入換行。

這個解決方法看起來很簡單，但可以解決一些在CSS中長文本顯示不全的問題，讓你在寫網頁時更加順暢。希望這篇文章對你有所幫助。