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实现字符串自动折行的效果是非常简单的，只需要设置对应的属性即可。对于不同的情况，我们也可以灵活使用不同的属性实现更加精准的效果。