#justify-content

定义了在 flexbox 容器中，元素沿着主轴（横向轴）的对齐情况。

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

元素朝着主轴（横向轴）的开始方向排列。

justify-content: flex-end;

元素朝着主轴（横向轴）的末尾方向排列。

justify-content: center;

元素朝着主轴（横向轴）的中间排列。

justify-content: space-between;

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

justify-content: space-around;

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