flex布局justify-content: center，最后一行左对齐的最新完美解决方案

项目场景：

关于弹性布局flex，使用justify-content: center 最后一行左对齐的最新完美解决方案

问题描述：

一、justify-content对齐问题描述 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如center值可以实现居中对齐。

但是，如果最后一行的列表的个数不满，则就会出现最后一行没有左对齐的问题。

.el-row{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

---

解决方案：

如果是两列，直接使用这种方式即可

.el-row:last-child {
    transform: translateX(-50%);
}

如果是三列，偏移量即为100的三等份，依次列推