关于flex布局容器属性

容器属性

* flex-direction：决定主轴的方向row 从下到上；row-reverse 从上到下；column 从左到右；column-reverse 从右到左；* flex-wrap：如果一行排列不下如何换行nowrap 不换行；wrap 换行；wrap-reverse 换行，第一行在下面；* flex-flow：flex-direction属性和flex-wrap属性的简写形式row warp；* justify-content：项目在主轴上的对齐方式flex-start 左对齐；flex-end 右对齐；center 居中；space-between 两端对齐；space-around * align-items：项目在交叉轴上如何对齐flex-start 交叉轴的起点对齐；flex-end 交叉轴的终点对齐；center 交叉轴的中点对齐；baseline 项目的第一行文字的基线对齐； stretch 如果项目未设置高度或设为auto，将占满整个容器的高度；* align-content：属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用flex-start 与交叉轴的起点对齐；flex-end 与交叉轴的终点对齐；center 与交叉轴的中点对齐；space-between 与交叉轴两端对齐，轴线之间的间隔平均分布；space-around 每根轴线两侧的间隔都相等；所以，轴线之间的间隔比轴线与边框的间隔大一倍；stretch（默认值） 轴线占满整个交叉轴；