flex布局 子元素常见属性之 align-self 和 order

align-self ：
        控制子项自己在侧轴上的排列方式，用来给单个子元素设置，会覆盖掉父元素的align-items属性设置。

属性值：flex-start（默认）、flex-end、center、

eg:
        让1号和3号子元素按默认排列方式排列（默认主轴为x轴，排列为flex-start），2号在侧轴上居中排列，四号在侧轴上靠底端排列

	   

			1
			2
			3
			4
		
		

执行结果：

---

order：控制子元素的排列顺序
用法：
        order：具体数字；
ps:
        order的属性值可以是任意值，默认值为0，数字越小，排在越前面

eg：将子项目中的1、2、3、4号盒子变为排列顺序为2、4、3、1

	   

			1
			2
			3
			4
		
		

执行结果：