flex:wrap换行之后中间有大空隙的解决方法

css yekong 130℃

如果在内部项目太多,一行排列不下的情况下,我们就需要设置内部项目排列不下时选择换行。

flex-wrap:wrap
align-content:flex-start

但是换行之后项目会根据整体布局进行调整,导致两行之间的间隙很大,所以我们还需要设置一个属性为 该样式用于让div与交叉轴的起点对齐(即顶部对齐)

添加前

wanjunshijiecom 2021-08-06 at 16.11.21@2x

添加后

wanjunshijiecom 2021-08-06 at 16.10.54@2x

喜欢 (0)