CSS是前端開發中非常重要的技術之一，其中讓字符串自動折行也是CSS的重要應用之一。當一個元素中的字符串過長時，若不設置自動折行，則會超出元素的邊界。接下來，我們將介紹如何通過CSS實現字符串自動折行的效果。

/* 設置元素的寬度 */
.box {
width: 200px;
}
/* 設置字符串自動換行 */
.box p {
word-wrap: break-word;
overflow-wrap: break-word;
}

以上代碼中，我們先設置一個寬度為200px的元素.box，然后在.box元素的p標簽中設置了word-wrap和overflow-wrap屬性，實現了字符串自動折行的效果。

其中，word-wrap屬性會強制在單詞內換行，而overflow-wrap屬性則在單詞內溢出時才進行換行。一般情況下使用overflow-wrap屬性就足夠了，但如果需要強制在單詞中斷開，則可以使用word-wrap屬性。

通過CSS實現字符串自動折行的效果是非常簡單的，只需要設置對應的屬性即可。對于不同的情況，我們也可以靈活使用不同的屬性實現更加精準的效果。