新! 我的 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 项目**周围**:这会在第一个项目**之前**和最后一个项目**之后**添加空间。