flex 右对齐_Flex容器的六个属性

1. flex-direction属性

   row

   row-reverse

   column

   column-reverse

2. flex-wrap属性

   nowrap：不换行

   wrap：换行，第一行在上方

   wrap-reverse：换行，第一行在下方

3. flex-flow属性

   flex-direction和flex-wrap的简写形式，默认值为row nowrap

4. justify-content属性

   flex-start：左对齐

   flex-end：右对齐

   center：居中

   space-between：两端对齐，项目之间间隔相等

   space-around：每个项目两侧间隔相等。所以项目之间的间隔比项目与边框的间隔大一倍

5. align-itens属性(在交叉轴上如何对齐)

   flex-start：交叉轴的起点对齐

   flex-end：交叉轴的终点对齐

   center：交叉轴的中点对齐

   baseline：项目第一行文字的基线对齐

   stretch(默认值)：如果未设高度或设auto，将占满整个容器的高度

   

6. align-content属性(定义了多根轴线的对齐方式)

   flex-start：交叉轴的起点对齐

   flex-end：交叉轴的终点对齐

   center：交叉轴的中点对齐

   space-between：与交叉轴两端对齐，轴线间平均分布

   space-around：轴线间隔都相等，轴线间隔比轴线与边框的间隔大一倍