今天在整理css的思维导图时,出现了一个justify-content的好用的新属性值,特意查了下几个文档型网站,以及大量的flex文章,发现还没被收入,所以就有了这篇分享。

父容器属性:justify-content : 设置子项目在主轴方向上的对齐方式(效果与主轴方向有关,下面假设从左到右)
	flex-start:默认值,左对齐
	flex-end:右对齐
	center:中间
	space-between:两端对齐,项目之间的间隔相等,两侧贴边
	space-around:每个项目两侧间隔相等,项目之间间隔比项目与边框的间隔大一倍
	space-evenly:每个项目两侧间隔相等,项目之间间隔比项目与边框的间隔相等


更多推荐

flex布局 justify-content 新属性值 space-evenly