新! 我的 44 页电子书“CSS 在 44 分钟内”已出版! 😃
#justify-content
定义 Flexbox/Grid 项目如何在 Flexbox/Grid 容器内,沿着**主轴**对齐。
默认
justify-content: flex-start;
Flexbox/Grid 项目被推向容器主轴的**起点**。
justify-content: flex-end;
Flexbox/Grid 项目被推向容器主轴的**终点**。
justify-content: center;
Flexbox/Grid 项目沿着容器主轴**居中**。
justify-content: space-between;
剩余空间分布在 Flexbox/Grid 项目**之间**。
justify-content: space-around;
剩余空间分布在 Flexbox/Grid 项目**周围**:这会在第一个项目**之前**和最后一个项目**之后**添加空间。