| center | 居中排列 |
| start | 从行首开始排列 |
| end | 从行尾开始排列 |
| flex-start | 从行首起始位置开始排列 |
| flex-end | 从行尾位置开始排列 |
| left | 一个挨一个对齐容器的左边缘 |
| right | 元素以容器右边缘为基准，一个挨着一个对齐 |
| space-between | 均匀排列每个元素，首个元素放置于起点，末尾元素放置于终点 |
| space-around | 均匀排列每个元素，每个元素周围分配相同的空间 |
| space-evenly | 均匀排列每个元素，每个元素之间的间隔相等 |
| stretch | 均匀排列每个元素，‘auto’-sized 的元素会被拉伸以适应容器的大小 |
相关文章
- 10-30解决Flex布局justify-content: space-evenly最后一行数量不固定
- 10-30移动web开发重点3：justify-content:flex-end和flex-direction: row-reverse的区别
- 10-30align-items justify-content display:flex
- 10-30716 css flex布局：flex-flow，flex-direction，flex-wrap，justify-content，align-items，align-content，flex，ord
- 10-30flex布局justify-content发现
- 10-30css flex布局多列，两端对齐，justify-content: space-between;换行往左靠拢有效解决办法
- 10-30flex布局justify-content不居中的问题
- 10-302022-01-20 快速排序——热爱混乱，厌恶有序的排序方法
- 10-302022-01-20 justify-content
- 10-30Flex之justify-content 和 flex-direction