flex布局常用属性

flex布局中常用属性

display: flex;：将容器元素的布局方式设置为flex布局。
flex-direction：设置主轴的方向（水平或垂直）。
justify-content：设置主轴上的元素对齐方式。
align-items：设置交叉轴上的元素对齐方式。
align-content：设置多根轴线之间的对齐方式。
flex-wrap：设置元素如何换行。
flex-grow：设置元素的放大比例。
flex-shrink：设置元素的缩小比例。
flex-basis：设置元素的基准尺寸。
flex：设置元素的缩放比例、基准尺寸和是否收缩。可以简写为flex: flex-grow flex-shrink flex-basis;。

此外，还有一些其他的属性，order、align-self等

备注：align-content 适用于多行，align-item 则是适用于单行。

链接: 其他详情