![在这里插入图片描述](https://img-blog.csdnimg.cn/98b027a6f9c646d1b112d5ec8fea0f81.png)
试玩网站:https://flexboxfroggy.com/#zh-cn
#pond{
display:flex;
flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-content:space-between;
}
知识点:
这里涉及到了,flex-wrap:换行显示得反向得排列效果,flex-wrap:wrap-reverse;flex-flow:column-reverse wrap-reverse;
在这之前比较少遇到这个flex-wrap反向显示的问题。