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

作者：小丑西瓜9 | 2024-03-14 14:01:56

踩

flex-warp 换行后行间距

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

下图是我要做的东西，当我用flex布局的时候，给按钮的父级写上了display：flex；height：100%，但是出来的效果最底部有多余的部分，导致看上去两边的长度不一样，
![在这里插入图片描述](https://img-blog.csdnimg.cn/6e31b1c06faa4134b935f9be0ab2b310.png

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

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

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

点击此处查看讲解

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/235012

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

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

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