以下6个属性设置在容器上。
flex-direction 属性决定主轴的方向(即项目的排列方向)
flex-wrap 默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap
属性定义,如果一条轴线排不下,如何换行。
flex-flow 属性是flex-direction
属性和flex-wrap
属性的简写形式,默认值为row nowrap
。
justify-content 属性定义了项目在主轴上的对齐方式。
align-items 属性定义项目在交叉轴上如何对齐。
align-content 属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
原文:https://www.cnblogs.com/cnki/p/12634226.html