在Web開發中，文本內容通常需要適應不同的屏幕尺寸和布局。所以，我們需要一種技術來解決文本溢出問題。CSS中的自動折行樣式就是這樣一種技術。 使用CSS的“word-wrap”或“overflow-wrap”屬性可以控制文本應該如何在容器內自動折行。當文本內容超出容器寬度時，這些屬性可以讓文本在單詞或字符之間自動折行。以下是一個示例：

p {
width: 300px;  /* 容器寬度 */
word-wrap: break-word; /* 自動折行 */
}

在上面的示例中，我們指定了一個段落的寬度為300像素，然后使用了“word-wrap”屬性來設置文本自動折行。這里的“break-word”值告訴瀏覽器在單詞中間斷開文本，以盡可能地填充容器。 此外，我們還可以使用“overflow-wrap”屬性來完成相同的任務。例如：

p {
width: 300px;  /* 容器寬度 */
overflow-wrap: break-word; /* 自動折行 */
}

在這個例子中，我們將“word-wrap”更改為“overflow-wrap”，以更好地支持一些舊瀏覽器。 在一些情況下，我們甚至可以使用CSS的“hyphens”屬性在單詞的連接處自動斷開文本，以幫助更好地排版文本。例如：

p {
width: 300px;  /* 容器寬度 */
hyphens: auto;  /* 連字符斷字 */
}

在以上示例中，“hyphens”屬性告訴瀏覽器使用連字符來斷開單詞，以確保文本更好地適應容器大小。 總之，自動折行樣式是一種非常有用的技術，可以幫助我們更好地排版Web內容。無論是使用“word-wrap”還是“overflow-wrap”，還是使用“hyphens”，都可以讓我們輕松地在不同的設備和布局中自動適應文本。