flex布局

flex布局是弹性布局,感觉最好的地方是不再需要自己去细调外边距内边距做布局定位。

flex-direction属性，可以设置主轴方向，默认是横向排列。

flex-wrap 项目太多放不下，这个可以设置换行。

flex-flow 上面两个属性的缩写

justify-content属性可以设置各个项目主轴方向的排列，需要注意和理解的是这个属性设置的是主轴对齐方式，什么是主轴次轴需要理解。以主轴为row为例，这个属性可以理解为单独一行项目之间如何做排列。

align-items 我理解的是对于单行时，在次轴方向这一整行如何排列布局。还有一个属性是align-content是多行时，每一行如何排列布局，这个东西只对多行有效，然后会覆盖掉align-items属性。

还有6个属性是用于项目本身的，我不是很常用就不多写了，上面写的是我感觉比较重要的，自己理解的一些浅显看法。

参考阮一峰老师的flex布局教程，更多详细内容看这个比较好

 一个练习flex布局的小游戏