flex布局 justify-content

justify-content
flext-start(默认值)：与main start 对齐。
flex-end 与main end 对齐
center 居中
space-between flex items之间距离相等 与 main start main end 两端对齐
space-evenly
flex items 之间距离相等
flexitems 与main start main end 之间距离 等于flex items 之间的距离
space-around
flex items 之间距离相等
flex items 与 main start main end 之间距离是 flex items 之间距离一半