flex布局 justify-content 新属性值 space-evenly
今天在整理css的思维导图时,出现了一个justify-content的好用的新属性值,特意查了下几个文档型网站,以及大量的flex文章,发现还没被收入,所以就有了这篇分享。父容器属性:justify-content : 设置子项目在主轴方向上的对齐方式(效果与主轴方向有关,下面假设从左到右)flex-start:默认值,左对齐flex-end:右对齐center:中间space-between:
·
今天在整理css的思维导图时,出现了一个justify-content的好用的新属性值,特意查了下几个文档型网站,以及大量的flex文章,发现还没被收入,所以就有了这篇分享。
父容器属性:justify-content : 设置子项目在主轴方向上的对齐方式(效果与主轴方向有关,下面假设从左到右)
flex-start:默认值,左对齐
flex-end:右对齐
center:中间
space-between:两端对齐,项目之间的间隔相等,两侧贴边
space-around:每个项目两侧间隔相等,项目之间间隔比项目与边框的间隔大一倍
space-evenly:每个项目两侧间隔相等,项目之间间隔比项目与边框的间隔相等
更多推荐
已为社区贡献1条内容
所有评论(0)