1、第一步，在HBuilder指定的Web项目目录下，创建静态页面overflowWrap.html；然后引入相关的文件，并在body元素内插入一个无序列表，如下图所示：
2、第二步，由于设置了背景渐变属性，预览界面可以看到无序列表的效果，如下图所示：
3、第三步，设置无序列表子项样式，可以使用CSS3选择器first-child，添加overflow-wrap属性，如下图所示：
4、第四步，再次保存代码并预览该静态页面，查看文字内容换行效果，如下图所示：
5、第五步，再次使用nth-child选择器和last-child选择器设置除了第一个的子项，如下图所示：
6、第六步，设置完毕后保存代码，在浏览器中预览页面显示的效果，如下图所示：
