Simone如何使用CSS3属性flex-wrap对容器元素进行换行
的有关信息介绍如下：
在CSS3的flex属性中还有一个flex-wrap，这个属性主要用来定义伸缩容器里元素是单行显示，还是多行显示，属性对应的值有：
（1）nowrap：只在一行显示
（2）wrap：可以在多行显示
（3）wrap-reverse：多行显示，内容显示跟wrap相反
下面利用具体的实例说明flex-wrap的用法，操作如下：
第一步，在HBuilder指定Web项目目录，创建静态页面，并在主体中插入多个div标签元素，如下图所示：
第二步，利用类选择器和元素选择器，设置display属性和子div的字体、内边距、外边距和边框属性，如下图所示：
第三步，保存代码并在浏览器查看效果，可以看到七个方框，使用虚线框框，如下图所示：
第四步，接着在类选择器中，添加flex-wrap属性，属性值设置为nowrap，如下图所示：
第五步，接着将flex-wrap属性值由nowrap改为wrap，这个值代表可以显示多行，如下图所示：
第六步，再次保存代码并预览效果，可以查看到方框显示两行；修改属性值为wrap-reverse，内容发生了改变，如下图所示：
