css justify-content

`justify-content` 是 CSS 中一个用于控制 flexbox 布局中主轴上（水平方向或垂直方向）对齐方式的属性。它有以下几个取值：

- `flex-start`：将 flexbox 内容靠主轴起始边对齐；
- `flex-end`：将 flexbox 内容靠主轴结束边对齐；
- `center`：将 flexbox 内容在主轴上居中对齐；
- `space-between`：将 flexbox 内容分散对齐，使第一个子元素在主轴起始边，最后一个子元素在主轴结束边；
- `space-around`：将 flexbox 内容分散对齐，使各个子元素之间留有相等的间隔，同时第一个子元素和最后一个子元素与 flexbox 主轴起始边和结束边的间隔是其他子元素之间间隔的一半；
- `space-evenly`：将 flexbox 内容分散对齐，使各个子元素之间留有相等的间隔，包括第一个子元素和最后一个子元素与 flexbox 主轴起始边和结束边的间隔。