在网页设计的过程中，文本内容的折行排版是很常见的事情。比如，我们需要控制一段文字不超过一定的宽度，超出部分则自动换行。这个时候，CSS的折行排版就可以派上用场了。
在CSS中，控制折行排版主要有两种方式：word-wrap和overflow-wrap。这两种方式在功能上非常相似，但是word-wrap在旧版的浏览器中可能不支持。因此，我们一般采用overflow-wrap的方式。
下面是一个示例代码，展示如何使用overflow-wrap来控制文本的折行排版：
<style>p {width: 400px;overflow-wrap: break-word;}</style><p>我的名字叫做Alice，我来自中国。</p>在这个示例中，我们给P标签设定了一个宽度，以确保它不能超过这个宽度（在这个示例中是400像素）。然后，我们使用了overflow-wrap属性，并把它设置为break-word。这个属性的作用就是让文本自动折行，以适应元素的宽度。
在实际的项目开发中，我们还可以通过其他CSS属性来进一步控制文本的折行。比如，我们可以使用text-overflow属性来指定超出元素宽度的文本部分该如何显示，可以使用white-space属性来控制文本的空格处理方式等等。
总之，CSS的折行排版是非常有用的，它可以让我们更好地控制文本的显示效果，让页面更加美观、易读。
上一篇：JavaScript中事件传播
下一篇：css持续变大变小
