在编写网站的过程中，我们常常会遇到这样一个问题：文本内容超出容器宽度而无法自动换行，从而导致页面布局混乱。这时候，我们需要用到CSS中的超出换行属性。

word-break属性用于控制单词是否在行尾处换行，其可选值有：

word-break: normal; /* 默认值，不换行 */
word-break: break-all; /* 强制在单词内换行 */
word-break: keep-all; /* 不在单词内换行 */

当容器宽度不够容纳一个单词时，break-all会强制在单词内换行，而keep-all会将整个单词挤到下一行。然而，这两种情况都有可能破坏文本的连续性。为了更好地控制换行，我们还可以用overflow-wrap属性来实现非单词内的自动换行。

overflow-wrap属性，也称为word-wrap，用于指定文本如何在容器内断行。其可选值有：

overflow-wrap: normal; /* 不换行 */
overflow-wrap: break-word; /* 非单词内换行 */

其中，break-word会在单词内换行（类似于break-all），同时还会对非单词内的连续字符串进行换行。这样可以保持文本连续性，同时保证容器宽度不会超出。在应对不同的需求时，我们可以根据实际情况选择不同的属性值来控制文本的排版。