使用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没有生效,考虑是不是没有声明容器高度。