css是一种用于网页设计的样式表语言，它可以让网页变得更加美观和易于阅读。文字在网页中占据了很大的比例，因此如何让文字换行是css设计的一个重要问题。
在CSS中，换行被称为line break（换行）或者word break（断词），这是指当一行文字的长度超过一定的限制时，如何让文字自动换行或者加上断词符号。下面将介绍CSS中如何实现文字的换行。
1、使用CSS中的“word-wrap”属性
在CSS中，可以使用“word-wrap”属性来控制是否在单词中间进行断词。默认情况下，浏览器会自动将单词换行，但是通过设置“word-wrap”属性，可以让浏览器自动在单词中间插入断词符号，以达到更好的换行效果。具体的代码如下所示：
p {
word-wrap: break-word;
}这个样式会在容器宽度不足时进行单词断行，并在单词中间插入断字符号，以保证排布的完整性。
立即学习“前端免费学习笔记（深入）”；
2、使用CSS中的“word-break”属性
v3.0修正版更新：新增加的功能：1、网店logo在线上传。2、添加图片上传预览功能。3、增加ICP备案字段，在线添加。4、添加管理员管理功能。5、添加送货详细设置功能。6、增加客户端验证功能。7、增加5种样式。修正的地方：1、订单不能删除。2、产品图片不能删除。3、管理员不能修改密码。4、小数显示不正常，比如0.68显示为.685、退出不方便。6、前台热门商品文字显示不换行。7、商品详细介绍页面
除了“word-wrap”属性，CSS还提供了另一个属性“word-break”，用于控制非CJK（中日韩）字符的换行。如果使用默认设置，“word-break”会在单词的任意位置断词，这可能会造成视觉上的不连续。为了解决这个问题，可以设置“word-break”属性为“keep-all“，这样就不会在单词中断行了。具体代码如下所示：
p {
word-break: keep-all;
}3、使用CSS中的“white-space”属性
CSS中的“white-space”属性是用来控制文本中空格和换行的显示方式。默认情况下，“white-space”属性设置为“normal”，会忽略文本中的多余空格和换行，如果想要保留这些空格和换行的话，可以将“white-space”属性设置为“pre”或者“pre-wrap”。具体代码如下所示：
p {
white-space: pre-wrap;
}这个样式会在容器中保留连续的空格和换行。如果想要在文本中强制换行，可以使用“
”标记，例如：
这是第一行 这是第二行
以上是三个常用的CSS样式属性，它们可以有效地控制文本的换行和显示。在实际的网页设计中，我们可以根据实际情况选择合适的属性来达到最佳效果。
