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