在前端開發中，經常會出現文字內容過長而超出顯示范圍的情況。這時候我們需要使用CSS來設置文字的自動換行。那么，如何實現CSS中文字自動換行呢？

//html代碼
<p>這是一段很長的文字，需要自動換行才能完整顯示出來。</p>
//CSS代碼
p {
width: 200px;   // 設置容器寬度
word-wrap: break-word;  // 自動換行
}

在上面的代碼中，我們給p標簽設置了一個固定的寬度200px，并且添加了word-wrap屬性，設置為break-word。這樣就可以實現文字自動換行了。

如果不設置寬度，那么文字會一直撐開容器，超出容器范圍。在實際開發中，我們還可以使用overflow屬性來設置文字溢出部分的處理方式，例如隱藏或滾動。

p {
width: 200px;
word-wrap: break-word;
overflow: hidden;  // 溢出部分隱藏
}

總之，在CSS中實現文字自動換行，并不是很復雜。只需設置固定寬度，并添加word-wrap屬性即可。當然，如果需要更多的樣式效果，可以使用其他屬性來設置。