flex布局配置

justify-content:将多余空间设置为间距

弹性盒子css写法
Display:flex;
Flex-flow:row wrap;
Justify-content:space-between/space-around;

justify-content:center;
justify-content
作用:存在剩余空间时,设置为间距的方式
flex-start :默认值 从左到右 挨着行开头
flex-end:从右到左 挨着行的结尾
center:居中显示
space-between:平均分布在行上 两边不留间隔空间
space-round:平均分布在行上 两边各留一半的间隔空间
justify-content 的所有值的表现方式.
分配剩余空间

justify-content
flex-start:默认值,从左到右,挨着行的开头。
flex-end:从右到左,挨着行的结尾。
center:居中显示
space-between:平均分布在该行上,两边不留间隔空间。
space-around:平均分布在该行上,两边留有一般的间隔空间。
使用flex justify-content:space-between
justify-content: flex-start\flex-end\center\space-between\space-aroud
从左到右、从右到左、居中显示、平均分布在该行上,两边不留间隔空间、平均分布在该行上,两边留有一半的间隔空间。