CSS中的自動換行樣式非常重要，在網頁制作中經常會用到。下面我來為大家介紹一下它們的常見用法。

首先是word-wrap屬性，它表示是否允許單詞內換行。默認情況下，單詞會被整個顯示在一行上，如果遇到一行無法顯示完全，那么就會溢出至下一行。如果你想要讓單詞內換行，就可以使用下面的代碼：

.word-wrap {
word-wrap: break-word;
}

其次是white-space屬性，它控制元素中空白的顯示方式。默認情況下，連續的空白會被壓縮成一個空格，但如果你希望保留連續的空白，可以使用以下代碼：

.white-space {
white-space: pre-wrap;
}

另外還有一個overflow-wrap屬性，和word-wrap屬性類似，也是控制單詞內換行的。但是與word-wrap不同，overflow-wrap是基于字符的，并在字符內部換行。如果您希望字符在任何位置被分割并換行，則使用以下代碼：

.overflow-wrap {
overflow-wrap: break-word;
}

這三個屬性都可以用來實現自動換行，您可以根據實際需求選擇適合自己的樣式。