使用justify-content來定義元素的對齊方式。
1.flex-start
默認元素在主軸上面左對齊 或者 向上對齊(設置flex-direction為column)
2.flex-end
默認右對齊 或者 向下對齊
3.center
居中
4.space-between
在元素與元素中間添加相同間隔的空隙,同時邊緣的元素處於最左或者最右
5.space-around
在元素與元素之間添加間隔,同時 最邊緣的元素到邊界的距離 與 元素之間的間隙 比為1:2
注意:
假如設置對齊方向為column的時候,space-between和space-around沒有生效,考慮是不是沒有聲明容器高度。