【CSS】简记问题:flex多宫格布局,最后一排元素差异时向左对齐

demo演示

正常的九宫格

		
		
1
2
3
4
5
6
7
8
9

【CSS】简记问题:flex多宫格布局,最后一排元素差异时向左对齐_第1张图片


最后一排两个元素的九宫格

【CSS】简记问题:flex多宫格布局,最后一排元素差异时向左对齐_第2张图片


解决方案

通过给父级元素增加伪元素

注:after 选择器向选定元素的最后子元素后面插入内容

    

【CSS】简记问题:flex多宫格布局,最后一排元素差异时向左对齐_第3张图片

你可能感兴趣的:(前端,css,前端,html)