CSS （層疊樣式表）是一種用于樣式化網頁內容的語言。其中，可以使用一些特殊的屬性和選擇器，使文本在文檔流中得到更好的控制。本文將討論如何使用 CSS 讓標點符號自動轉行。

p {
word-wrap: break-word;
}

在 HTML 中，文本默認是通過空格或斷行進行分割的。但是，對于一些過長的單詞或標點符號，如果它們不能完整地放在一行中，則可能會破壞頁面的布局。因此，我們需要使用 CSS 來解決這個問題。

上面的代碼中，我們使用了word-wrap:break-word屬性。它的作用是將過長的單詞和標點符號換行，確保它們在一行中顯示。這個屬性可以應用于任何 HTML 元素，但在大多數情況下，它都被應用于段落。

此外，如果您希望更精確地控制文本的換行，可以使用word-break和overflow-wrap屬性。它們會根據不同的方法對文本進行分隔，并在必要時進行換行。

總之，讓標點符號自動換行是一項重要的 CSS 技能。這樣可以確保文本在頁面中顯示得更美觀，更符合設計要求。希望這篇文章對您的前端開發有所啟發。