flex布局强制换行（flex-wrap:wrap）之后，去掉最下面一层多余的间隙。

flex布局强制换行（flex-wrap）之后，去掉最底部一层多余的间隙。

下图是我要做的东西，当我用flex布局的时候，给按钮的父级写上了display：flex；height：100%，但是出来的效果最底部有多余的部分，导致看上去两边的长度不一样，

下图是我没有选中时的样子，最后一层多出的间隙让页面看上去两边的高度是不一样的

我的解决办法是给按钮的父级添加一行代码：align-content: space-between; 这样它的最后一层间隙就没有啦，

附言：align-content还有其它取值，详情可以参考阮一峰的讲解

点击此处查看讲解