解决 display: flex; justify-content: space-between;的布局位置错乱问题

display:flex很好用,像下面这种ui设计,直接用 justify-content: space-between;flex-wrap: wrap;就能排序了很方便。

这样

但是当他最后读取出的数据条数不是刚好填满的时候就会这样,如下图


被狗啃了

其实这里只要添加一个:after伪元素就解决了



在这个循环的父级添加就会再循环完的时候添加上去解决这个问题,希望对你有帮助!

你可能感兴趣的:(解决 display: flex; justify-content: space-between;的布局位置错乱问题)