flex-direction设置主轴方向：

1.主轴与侧轴

• 
  

• 在flex布局中，分别为主轴和侧轴两个方向，或行列 或X轴Y轴

•  

• 默认主轴方向是X轴，水平向右

•  

• 默认侧轴方向是Y轴，水平向下

justify-conten 设置主轴上的子元素排列方式：

justify-content属性定义了项目在主轴上的对齐方式，我们需要在使用之前确定好主轴是哪个    

flex-wrap：设置子元素是否换行

默认情况下，项目都排在一条线上（轴线），flex-wrap属性定义，flex布局中默认不换行

align-items   设置侧轴上的子元素排列方式（单行！！！）

该属性是控制子项在侧轴（默认是Y轴）上的排列方式，在子项为单项的时候使用。

align-content 设置侧轴上的子元素的排列方式（多行）

该属性设置子项在侧轴上的排列方式，并且只能用于子项出现换行的情况(多行！！！)，在单行下没有效果

flex-flow

flex-flow 是flex-direction和flex-wrap的复合属性。

作者：靖凡无所畏惧

链接：https://blog.csdn.net/wjf1997/article/details/104887065

来源：CSDN
著作权归作者所有，转载请联系作者获得授权，切勿私自转载。