在網頁設計中，經常會遇到需要對文字進行排版的情況。而有一個常見的問題，就是隨著窗口大小的變化，文字排版也會發生變化。具體來說，在較窄的窗口中，我們希望文字能夠自動換行，以適應窗口寬度；而在較寬的窗口中，我們希望文字占據整個窗口寬度，不產生多余的空白。

這就是CSS超寬換行的用途所在。所謂“超寬換行”，指的是在單詞之間強制換行，以填充整個行寬。這樣一來，文字就可以占據整個窗口寬度，同時又不會使單詞被截斷。

例如，這里是一行充滿整個窗口寬度的文字，包含了一個很長的單詞和多個短單詞：
supercalifragilisticexpialidocious antidisestablishmentarianism ornithorhynchus hippopotomonstrosesquipedalian
如果沒有使用超寬換行，那么這一行文字將會如下所示，單詞可能被截斷而導致排版混亂：
supercalifragilisticexpialidocious 
antidisestablishmentarianism ornithorhynchus 
hippopotomonstrosesquipedalian
而使用超寬換行之后，可以實現單詞間空格的強制換行，使得文字可以占據整個窗口寬度：
supercalifragilisticexpialidocious 
antidisestablishmentarianism 
ornithorhynchus hippopotomonstrosesquipedalian

在CSS中，超寬換行可以通過一行代碼來實現。具體來說，我們需要在需要超寬換行的元素上添加如下屬性：

word-wrap: break-word;

該屬性的作用是：在較窄的窗口中，允許單詞被截斷以適應寬度；而在較寬的窗口中，強制將單詞間空格處斷行，以填充整個行寬。

需要注意的是，該屬性的兼容性并不完美。在一些舊版瀏覽器中，可能無法實現超寬換行的效果。因此，在實際應用中需要謹慎使用，并做好兼容性測試。