两端对齐:上下和左右,换行
当然这个父级得有宽度和高度
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
flex-direction属性
flex-direction属性决定主轴的方向(即项目的排列方向)。
justify-content属性
justify-content属性定义了项目在主轴上的对齐方式
flex-wrap属性
默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,如果一条轴线排不下,如何换行。
align-items属性
align-items属性定义项目在交叉轴上如何对齐。
align-content属性
align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。
order属性
order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。
还有一些是分配占位比例的,之后遇到再添加