Simone如何使用CSS3中的属性flex-direction实现排列
的有关信息介绍如下：
在CSS3新增的用于布局的属性，flex-direction定义伸缩项目放置在伸缩容器的排列方向，对应有四个值：
（1）row：从左到右或从右到左
（2）row-reverse：与row属性相反
（3）column：从上到下排列
（4）column-reverse：从上到下排列，内容与column相反
下面利用几个实例说明flex-direction属性值为column和column-reverse，操作如下：
第一步，在HBuilder工具中，新建静态页面，并在
插入四个div元素，如下图所示：第二步，利用column类选择器设置display为flex，接着使用元素div选择器设置字体属性、宽度、高度和边框，如下图所示：
第三步，保存代码并在浏览器中预览界面效果，可以看到四个虚线框，如下图所示：
第四步，利用column类选择器，添加属性flex-direction，设置对应值为column，如下图所示：
第五步，再次保存代码并在浏览器中查看效果，可以发现方向转换为垂直方向，如下图所示：
第六步，最后将flex-direction属性值修改为column-reverse，查看效果可以发现方向还是垂直方法，内容发生改变，如下图所示：
