解决 display: flex; justify-cont
2019-06-26 本文已影响0人
是曹不是蔡
display:flex很好用,像下面这种ui设计,直接用 justify-content: space-between;flex-wrap: wrap;就能排序了很方便。
![](https://img.haomeiwen.com/i14939794/d8526233b01f82b5.png)
但是当他最后读取出的数据条数不是刚好填满的时候就会这样,如下图
![](https://img.haomeiwen.com/i14939794/e4ed90d899f1a968.png)
其实这里只要添加一个:after伪元素就解决了
![](https://img.haomeiwen.com/i14939794/d7e834cd477a9e53.png)
![](https://img.haomeiwen.com/i14939794/846a661dc8023ec4.png)
在这个循环的父级添加就会再循环完的时候添加上去解决这个问题,希望对你有帮助!
display:flex很好用,像下面这种ui设计,直接用 justify-content: space-between;flex-wrap: wrap;就能排序了很方便。
但是当他最后读取出的数据条数不是刚好填满的时候就会这样,如下图
其实这里只要添加一个:after伪元素就解决了
在这个循环的父级添加就会再循环完的时候添加上去解决这个问题,希望对你有帮助!