display:flex justify-content属性（三）

 

使用   justify-content  ，justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。

 

 

div
{
    display: flex;
    justify-content: space-around;
}

 

CSS 语法

justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;

1、flex-start

 

 2、flex-end

 

3、center

 

 4、space-between

 

 5、space-around