#justify-content

定义了在 flexbox 容器中,元素沿着主轴(横向轴)的对齐情况。

默认属性 justify-content: flex-start;

元素朝着主轴(横向轴)的开始方向排列。

justify-content: flex-end;

元素朝着主轴(横向轴)的末尾方向排列。

justify-content: center;

元素朝着主轴(横向轴)的中间排列。

justify-content: space-between;

剩余的空间平均分布在元素之间

justify-content: space-around;

剩余的空间平均分布在元素的开始和结束处:在第一个元素的前面和最后一个元素的后面也分配空间。