在CSS3新增的属性中，flex-order属性可以控制伸缩元素在容器中展示的顺序，对应的值为一个整数，默认值为0。这个属性只适用于IE浏览器-ms-flex-order。下面利用一个实例说明flex-order的用法，操作如下：
工具/原料
1
CSS3
2
HTML5
3
HBuilder
4
浏览器
5
截图工具
方法/步骤
1
第一步，在打开HBuilder编辑工具中，新建静态界面flex.html；并在
中插入一个父div和四个子div，如下图所示：2
第二步，利用类选择器container，设置display属性为flexbox，flex-direction为row，如下图所示：
3
第三步，接着使用类选择器下的元素选择器，给每个div设置flex-order，如下图所示：
4
第四步，保存代码并在浏览器中查看效果，由于这个属性要在IE浏览器中才能显示，如下图所示：
6
第六步，再次保存代码并预览界面效果，可以看到元素显示的颜色，如下图所示：
注意事项
1
注意CSS3属性flex-order的应用场景和使用方法
2
注意合理选择CSS3新增属性控制元素样式