CSS可以帮助我们实现内容折行，即在元素的宽度不够显示全部内容时，自动将内容折行至下一行。下面我们通过一些简单的例子来说明CSS是如何实现内容折行的。 首先，让我们创建一个段落元素：

This is a paragraph with a very long text which will exceed the width of its container element.

如果我们在CSS中设置该段落元素的宽度为200像素，那么该段落元素会将文本内容自动折行至下一行，如下所示： pre{ display:block; background-color: #f9f9f9; border: 1px solid #ccc; padding:10px; margin: 0 0 10px 0; font-size: 14px; font-family: monospace; }

This is a paragraph with a very long text which will exceed the width of its container element.

在这个例子中，我们可以看到CSS的width属性实现了文本内容自动折行的效果。如果我们将该段落元素的宽度设置为较大的值，文本内容也会自动在一行中显示，例如：

This is a paragraph with a very long text which will exceed the width of its container element.

但是在某些情况下，我们不希望文本内容在元素的边缘处自动折行。在这种情况下，我们可以使用CSS的word-wrap属性来解决这个问题。word-wrap属性可用于控制文本内容是否在单词边缘处自动折行。例如：

This is a paragraph with a very long text which will exceed the width of its container element.

在这个例子中，我们使用了word-wrap属性，并将其设置为break-word，这样就可以确保文本内容不会在单词边缘处自动折行。 除了word-wrap属性，CSS还提供了另外一个属性white-space，它用于控制文本内容的换行和空格。例如，我们可以使用CSS的white-space属性来强制文本内容始终在元素的边缘处换行，如下所示：

This is a paragraph with a very long text which will exceed the width of its container element.

在这个例子中，我们使用了white-space属性，并将其设置为pre-wrap，这样就可以确保文本内容始终在元素的边缘处换行。 总之，在CSS中实现文本内容的折行非常容易，在大多数情况下，我们只需要使用width属性或word-wrap属性就可以实现文本内容的折行。如果我们需要更加高级的控制，我们可以使用white-space属性进行更加细致的调整。