CSS 移动端实现高度不相同的盒子对齐

给父盒子加以下css样式：

display: flex;
flex-wrap: wrap;
justify-content: flex-start;

若要实现列不满左对齐效果可在父盒子上加个伪类撑开：

.box::after {
    content: '';
    flex: auto;
}

效果如下图：