明天我们将系统学习CSS中文字换行属性的用法，主要是针对早期学习属性的朋友css 折行，对相关属性不了解，所以昨晚源码时代H5后端培训讲师这次提取了相关属性，给大家科普一下吧！ 系统总结相关属性之间的差异。
首先，我们在CSS中有以下三个最常见的文本换行相关属性：
空白、自动换行、断字
那么我们来看看这些属性所表达的含义：
1.空白
影响：
作用于空格和回车，用于控制空格是否合并、回车是否换行、语句过长是否在空格处换行
常用参数说明：
1.正常：多个连续的空格会合并为一个，回车符会被忽略。 同时，如果语句太长，则会以空格换行
2、Nowrap：强制文本显示在同一行，合并多余空格，断行除非遇到br
应用场景：
主要用于固定长度的标题，以及水平方向文字过长时添加省略号的操作
注意：
如果使用white-space作为nowrap，设置其他强制分词不会生效，需要将white-space改为正常。
2. 词空间
影响：
主要用于短语，控制超长短语横向是否换行
常用参数说明：
正常：乐句太长，无法折叠，会导致溢出
Break-word：如果短语太长，则会换行
3.断词
影响：
避免页面中连续无意义的长字符破坏布局
常用参数说明：
正常：如果是英文，则边界处的汉字会断线； 如果是英文，整个单词就会断线
注意：
如果汉字宽度超过边框，前面部分会拉伸边框css 折行，如果边框是固定属性，前面部分会难以显示
break-all：强行断行，这会截断英文短语
keep-all：不允许断词
以上内容是使用时的理论前提，希望男同伴在后期使用时多加注意！
本文由源码时代H5后端课题讲师原创！
