flex布局有6个属性flex-direction决定主轴的方向flex-wrap定义是否在“轴”上并换行flex-flowflex-flow:||<弹性包装>;结合起来，这个属性可以忽略justify-content属性定义了项目在主轴上的对齐方式。对齐项目对齐内容1。弹性方向弹性方向：行（默认）|行反转|栏目|上面的行）换行（新行，下面的第一行。）；3.justify-content属性justify-content:flex-start|弹性端|中心|间隔|空间周围；flex-start（默认值）：左对齐flex-end：右对齐center：居中space-between：两端对齐，item之间的间距相等。space-around：每个项目两边的间距相等。因此，项目之间的间距是项目与边框之间的间距的两倍。4.align-content属性align-content:flex-start|弹性端|中心|间隔|环绕空间|拉紧;flex-start：对齐横轴的起点。flex-end：与交叉轴的末端对齐。center：与横轴的中点对齐。space-between：与横轴两端对齐，轴与轴之间的间隔均匀分布。space-around：每个轴两边的间距相等。因此，轴之间的距离是轴与框架之间的距离的两倍。stretch（默认）：轴填充整个交叉轴。5、item的属性order定义了item的排序顺序。值越小，排名越高，默认为0。flex-grow属性定义了item的放大比例，默认为0，即如果有剩余空间，则不放大。flex-shrink属性定义了item的缩小比例，默认为1，即如果空间不足，item会收缩。flex-basis属性定义了一个项目在分配多余空间之前在主轴（主要尺寸）上占据了多少空间。浏览器根据这个属性计算主轴是否有多余空间。它的默认值为auto，即项目的原始大小。flexflex-grow、flex-shrink和flex-basis的简写你可以忽略align-selfalign-self属性允许单个项目与其他项目有不同的对齐方式，并且可以覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性。如果没有父元素，相当于stretch。文章来源-阮一峰-Flex布局教程
