display flex justify-content

"justify-content" 是 CSS 属性，用于定义 flex 容器内的 flex 项目在主轴上的对齐方式。它有以下几个可选值：

- flex-start：默认值，将 flex 项目向 flex 容器的起始位置对齐。
- flex-end：将 flex 项目向 flex 容器的结束位置对齐。
- center：将 flex 项目在主轴上居中对齐。
- space-between：将 flex 项目平均分布在主轴上，首尾两个项目分别对齐 flex 容器的起始和结束位置。
- space-around：将 flex 项目平均分布在主轴上，并在项目之间添加空白间隔。

例如，设置 "justify-content: center" 可以将 flex 容器内的 flex 项目在主轴上居中对齐。