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

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

 justify-content 各属性的效果图
justify-content 思维导图

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐