在網頁設計中，CSS是不可或缺的一部分。CSS可以讓我們對網頁進行美化，改變字體、字號、顏色等等。但是在使用CSS時，我們有時會遇到一個問題：當我們在CSS中輸入的代碼過長時，文字在頁面上就會延伸，不會自動換行。這時候我們就需要使用某些方法來解決這個問題。 要解決這個問題，我們可以在CSS代碼中加入一些特定的語句。比如說，在CSS樣式表中加入“word-wrap: break-word;”這一語句，就可以讓文字自動換行了。這種方法可以確保長單詞和長URL被正確地分隔到新的一行中。 另一個解決方法是通過使用“pre”標簽。該標簽可以告訴瀏覽器將文本塊呈現為固定寬度的字體，并保留原始的空格和換行符，從而使CSS代碼更易于閱讀和理解。使用pre標簽的方法很簡單，只需將需要排版的代碼用pre標簽包圍即可。 下面是一個使用pre標簽的例子：

p{
font-family: Arial, sans-serif;
font-size: 16px;
color: #333333;
line-height: 1.6;
margin-bottom: 20px;
}

在這個例子中，我們使用了pre標簽將一段CSS代碼固定在一個特定的區域中。這個區域不會因為代碼的長度而改變大小，而是保持相同的寬度。這種方法可以極大地提高CSS代碼的可讀性和易編寫性。 總之，如果你在使用CSS時遇到了文字不自動換行的問題，可以嘗試使用“word-wrap: break-word;”這個語句或者使用pre標簽來解決。這些方法都可以讓CSS代碼更加易于閱讀和理解，幫助你更好地設計和編寫網頁。