- Objective:
- Breadcrumb:
# 概念阐释
- 决定**main-axis主轴上**， item移动的位置
- 移动时与`flex-direction` 轴向一致
- 当主轴方向为`row` `row-reverse`时，左右移动
- 当主轴方向为` column` `column-reverse`时，上下移动
## 属性
```css
.container {
flex-direcetion: row row-reverse column column-reverse;
justify-content:
}
```
## 值
`flex-start`:默认值
`flex-end`：所有item元素位于container的最后，但不改变item顺序
`center`：所有item元素位于container的中间
`space-between`：每个item元素之间有空隙
`space-around`：每个item元素的前后、之间都有空隙
`space-evenly`：每个item之间有相等的空间环绕
`initial`：设置初始值为默认
`inherit`：集成这一属性从父级元素
# 实例
# 相关内容
- `flex-start`和 `flex-end`很像`flow`属性
# 参考资料