在网页设计中，经常会遇到需要对文字进行排版的情况。而有一个常见的问题，就是随着窗口大小的变化，文字排版也会发生变化。具体来说，在较窄的窗口中，我们希望文字能够自动换行，以适应窗口宽度；而在较宽的窗口中，我们希望文字占据整个窗口宽度，不产生多余的空白。

这就是CSS超宽换行的用途所在。所谓“超宽换行”，指的是在单词之间强制换行，以填充整个行宽。这样一来，文字就可以占据整个窗口宽度，同时又不会使单词被截断。

例如，这里是一行充满整个窗口宽度的文字，包含了一个很长的单词和多个短单词：
supercalifragilisticexpialidocious antidisestablishmentarianism ornithorhynchus hippopotomonstrosesquipedalian
如果没有使用超宽换行，那么这一行文字将会如下所示，单词可能被截断而导致排版混乱：
supercalifragilisticexpialidocious 
antidisestablishmentarianism ornithorhynchus 
hippopotomonstrosesquipedalian
而使用超宽换行之后，可以实现单词间空格的强制换行，使得文字可以占据整个窗口宽度：
supercalifragilisticexpialidocious 
antidisestablishmentarianism 
ornithorhynchus hippopotomonstrosesquipedalian

在CSS中，超宽换行可以通过一行代码来实现。具体来说，我们需要在需要超宽换行的元素上添加如下属性：

word-wrap: break-word;

该属性的作用是：在较窄的窗口中，允许单词被截断以适应宽度；而在较宽的窗口中，强制将单词间空格处断行，以填充整个行宽。

需要注意的是，该属性的兼容性并不完美。在一些旧版浏览器中，可能无法实现超宽换行的效果。因此，在实际应用中需要谨慎使用，并做好兼容性测试。