space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。 space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。 stretch(默认值):轴线占满整个交叉轴。 */ .box4-4 { display: inline-flex; flex-wrap: wrap; align-content: space-between;/*这里是设置两根轴线的对齐方式。
在使用justify-content:space-between布局时,针对最后一行元素使用justify-self: start;没有效果,查了下css3 flexbox 还未支持。 那么如何实现最后一行左对齐呢? 现有的几个方案 使用标签元素补全缺的item 使用grid 使用伪类 伪类的情况,如果最后一个元素是满的,会有占位,grid会有兼容问题,又不想新增标签。 每一行...
使用flex的设置justify-content为space-between;发现最后一行不能左对齐 解决方法: 在父元素的after伪元素中宽度设置成与item的宽一样即可