CSS中文本超出折行是一個常見的問題。隨著Web頁面越來越復雜，文字排版也越來越重要。當文本內容超出盒子寬度時，我們需要一種方式來處理它。這就是CSS折行。
折行可以通過在CSS中使用white-space屬性來實現。white-space屬性的值可以是normal、nowrap、pre、pre-wrap和pre-line等。其中，pre是最常用的值。

p {
white-space: pre;
}

這段代碼將使p標簽中的文本內容按照原本的格式顯示，即使它超出了盒子寬度。這是因為pre值保留了文本中的換行符和空格。
如果您不想保留空格和換行符，則可以使用nowrap值。

p {
white-space: nowrap;
}

這將使文本內容永遠不會折行。文本在盒子寬度超過時，會導致出現水平滾動條。
如果您希望文本內容在超出盒子寬度時自動折行，則可以使用pre-wrap值。

p {
white-space: pre-wrap;
}

這將使文本內容按原始格式顯示，但當超出盒子寬度時會自動折行，而不是出現水平滾動條。
如果您希望文本內容在超出盒子寬度時自動折行，但不保留空格和換行符，則可以使用pre-line值。

p {
white-space: pre-line;
}

這將使文本內容在行內折行，但會忽略空格和換行符。