容器上用的几个样式控制
flex-direction: row | column //设置布局容器中元素的排列方式
flex-wrap:wrap | nowrap //设置是否换行
justify-content: center | space-between //设置水平方向上的对齐方式
align-items: center //设置垂直方向上的对齐方式
align-content: flex-start //设置行与行之间的对其方式(单行无效)
容器中元素的几个样式控制
order: 1 | 2 | 3 //设置元素的排列顺序
flex: 1 | 2 //设置元素的占据比例份数
align-self: flex-start | flex-end 设置该元素跟其他元素不一样的布局方式（垂直方向上）
