justify-content 元素在主轴（页面）上的排列
1,justify-content: flex-start;元素在主轴（页面）上由左或者上开始排列
1
2
3
2,justify-content: flex-end;元素在主轴（页面）上由右或者下开始排列
1
2
3
3,justify-content: center;元素在主轴（页面）上居中排列
1
2
3
4,justify-content: space-between;元素在主轴（页面）上左右两端或者上下两端开始排列
1
2
3
5,justify-content: space-around;每个元素两侧的间隔相等。所以，元素之间的间隔比元素与边框的间隔大一倍。
1
2
3