justify-content是什么意思？

1、默认值flex-start

justify-content : flex-start;

2、flex-end ：水平方向的终点对齐

justify-content : flex-end;

3、center : 居中

justify-content : center;

4、space-between：最左最右靠边，中间间距相等

justify-content : space-between;

5、space-evenly : 每个间距，均匀分布为x

justify-content : space-evenly;

6、space-around ： 每个项目的左右撑开距离相等。

justify-content : space-around;

1、stretch : 默认值，垂直方向铺满；

algin-item ：stretch；

2、 flex-start ：起始位置均在上部；

algin-item : flex-start;

3、 center : 居中

algin-item : center;

4、 flex-end : 底部保持触底。

algin-item ： flex-end；

5、strong>.baseline ：按第一项目的文字为基准线；

algin-item ： baseline；

1、1.justify-content：水平分布参数：

（1）flex-start

  (2)center

  (3)flex-end

  (4)space-between

  (5)space-around

  (6)space-evenly

2.algin-item：垂直分布参数：

  (1)stretch

  (2)flex-start

  (3)center

  (4)flex-end

  (5)baseline