在CSS中，我們有時需要讓文本不自動折行，而是在達到容器邊緣后繼續顯示，這就需要使用CSS的white-space屬性。
white-space屬性有三種取值：normal、nowrap、pre-wrap。其中normal為默認值，表示當文本長度超出容器寬度時自動換行，而nowrap則表示強制不折行，文本會一直頂著容器的右邊緣顯示。
而最常用的，也是最強制的則是pre-wrap屬性。pre-wrap屬性不僅強制不折行，同時會保留文本中的空格和換行符。而此時的文本會完全遵循HTML中的排版方式，最終效果看上去會和在編輯器中輸入的一樣。
下面是一段示例代碼，你可以通過更改white-space屬性的值來查看不同的效果。

<div style="width: 200px; background: #eee; padding: 20px; ">
<p style="white-space: normal;">
這是一段很長很長很長的文本，最終顯示效果應該會自動折行。
</p>
<p style="white-space: nowrap;">
這是一段很長很長很長的文本，不會自動換行，一直頂著容器右邊緣。
</p>
<p style="white-space: pre-wrap;">
這是一段很長很長很長的文本，不會自動換行，同時會保留文本中的空格和換行符，效果和在編輯器中輸入的一樣。
</p>
</div>

在實際開發中，我們常常會需要使用white-space屬性來處理一些特殊的文本顯示情況，尤其是在表格、代碼等排版中更為常見。了解white-space屬性的不同取值，在適當的時候加以應用，將有助于提升頁面的可讀性、美觀性和用戶體驗。