父盒子内嵌套若干个子盒子 ,布局如下图所示:
给父盒子设置display: flex; justify-content: space-evenly ; 得到如图布局
想让最后一个子盒子左对齐,给最后一个子盒子添加了 margin-right: auto; 虽然居左显示了,但未与左边盒子对齐
查找了其他方法,只要给父盒子创建一个伪元素,宽度与子盒子相同,问题便得以解决,最终代码和效果如图:
父盒子内嵌套若干个子盒子 ,布局如下图所示:
给父盒子设置display: flex; justify-content: space-evenly ; 得到如图布局
想让最后一个子盒子左对齐,给最后一个子盒子添加了 margin-right: auto; 虽然居左显示了,但未与左边盒子对齐
查找了其他方法,只要给父盒子创建一个伪元素,宽度与子盒子相同,问题便得以解决,最终代码和效果如图: