order 属性决定元素的排列顺序。数值越小,越靠前,默认为0。相同的使用就近原则

order 是给弹性盒子的子元素设置,设置的元素的父元素必须是 flex 属性
1
2
3
4
<style type="text/css">
	.order .o-3{
		order: 0;
	}
	.order .o-4{
		order: 1;
	}
	.order .o-1{
		order: 2;
	}
	.order .o-2{
		order: 3;
	}
</style>


<div class="main order">
	<div class="child o-1">1</div>
	<div class="child o-2">2</div>
	<div class="child o-3">3</div>
	<div class="child 0-4">4</div>
</div>