justify-content 作用 css

justify-content 是用于控制 flexbox 容器中的 flex-items 在主轴方向上的对齐方式。它可以设置以下几个属性值：flex-start、flex-end、center、space-between、space-around 和 space-evenly。

flex-start 将所有 flex-items 居左对齐，在主轴方向上贴紧 flexbox 容器的起始边缘。

flex-end 将所有 flex-items 居右对齐，在主轴方向上贴紧 flexbox 容器的结束边缘。

center 在主轴方向上将所有 flex-items 居中对齐。

space-between 在主轴方向上将所有 flex-items 以均匀的间隔分布，第一个 flex-item 和 flexbox 容器的起始边缘对齐，最后一个 flex-item 和 flexbox 容器的结束边缘对齐。

space-around 在主轴方向上将所有 flex-items 以均匀的间隔分布，并在 flex-item 两侧留出一半间隔宽度的空间。

space-evenly 在主轴方向上将所有 flex-items 以均匀的间隔分布，将容器的空间均分给每个 flex-item。