overflow-wrap属性是CSS3新增的一个属性，作用跟word-wrap属性很类似，主要是用于内容超过了元素容器边界是否要换行（断行），对应的属性值有：（1）normal：不换行，超出元素容器边界也不换行（2）break-word：在超过容器边界换行下面利用一个实例说明overflow-wrap属性的用法，操作如下：
工具/原料
1
CSS3
2
Bootstrap
3
HTML5
4
jquery
5
AngularJS
6
HBuilder
7
截图工具
8
浏览器
方法/步骤
1
第一步，在HBuilder指定的Web项目目录下，创建静态页面overflowWrap.html；然后引入相关的文件，并在body元素内插入一个无序列表，如下图所示：
2
第二步，由于设置了背景渐变属性，预览界面可以看到无序列表的效果，如下图所示：
3
第三步，设置无序列表子项样式，可以使用CSS3选择器first-child，添加overflow-wrap属性，如下图所示：
4
第四步，再次保存代码并预览该静态页面，查看文字内容换行效果，如下图所示：
6
第六步，设置完毕后保存代码，在浏览器中预览页面显示的效果，如下图所示：
注意事项
1
注意CSS3属性overflow-wrap的用法
2
注意word-wrap属性和overflow-wrap属性的区别