css justify-content相关可选属性

CSS `justify-content` 属性用于水平方向上对齐 flex 容器中的 flex 项目。

以下是 `justify-content` 属性的可选值：

- `flex-start`：默认值，将 flex 项目靠左对齐。
- `flex-end`：将 flex 项目靠右对齐。
- `center`：将 flex 项目居中对齐。
- `space-between`：将 flex 项目沿主轴等间距分布。
- `space-around`：将 flex 项目沿主轴等间距分布，包括在两端。
- `space-evenly`：将 flex 项目沿主轴等间距分布，包括在两端和之间。

示例代码：

.flex-container {
  display: flex;
  justify-content: space-between;
}