弹性布局多列换行居左布局,flex布局下两端对齐,不满左对齐

弹性布局多列换行居左布局,flex布局下两端对齐,不满左对齐

问题情境:

在flex布局下,多行排列,如何让flex布局最后一行没有排满时,向左对齐排列且与上面的行间距相同

弹性布局多列换行居左布局,flex布局下两端对齐,不满左对齐_第1张图片
实现效果:
弹性布局多列换行居左布局,flex布局下两端对齐,不满左对齐_第2张图片



	
		
		
	
	
	
		

重要代码:要加after以及每个item的margin-right

.List:after{
		content: "";
		flex: auto;
	}

你可能感兴趣的:(前端学习-原创,flex,html,css)