justify-content 属性

弹性布局中的justify-content属性
justify-content语法如下:
justify-content: flex-start(默认) | flex-end | center | space-between | space-around
flex-start(默认属性):向行头紧挨着填充。
justify-content 属性
结果:justify-content 属性
flex-end:向行尾紧挨着填充
justify-content 属性
结果justify-content 属性
center:居中
结果:justify-content 属性
space-between:弹性项目平均分布在该行上。
结果:justify-content 属性
space-around:弹性项目平均分布在该行上,两边留有一半的间隔空间,同时首尾两边和弹性容器之间留有一半的间隔。
结果:justify-content 属性