justify-content是什么意思

justify-content是水平布局，与之对应的是垂直布局align-item。下面我们一起了解下水平布局和垂直布局的参数

justify-content水平布局

1、1.默认值flex-startjustify-content : flex-start;

2、2.flex-end ：水平方向的终点对齐justify-content : flex-end;

3、3.center : 居中justify-content : center;

4、4.spa罕铞泱殳ce-between：最左最右靠边，中间间距相等justify-content : space-between;

5、5.space-evenly : 每个间距，均匀分布为xjustify-content :space-evenly;

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

algin-item垂直分布

1、1.stretch : 默认值，垂直方向铺满；algin-item ：stretch；

2、2.flex-start ：起始位置均在上部；algin-item : flex-start;

3、3. center : 居中algin-item : center;

4、4. flex-end : 底部保持触底。algin-item ： flex-end；

5、5.baseline ：按第一项目的文字为基准线；algin-item ： baseline；