#pond {
display: flex;
flex-flow: column-reverse wrap-reverse;
align-content: space-between;
justify-content: center;
}
![](https://img-blog.csdnimg.cn/img_convert/ab8e649c9407aca85ed813d1dca977d4.png)
利用flex-flow: column-reverse wrap-reverse;
![](https://img-blog.csdnimg.cn/img_convert/72c722bbd24d2ee6eda4673e7001f3ed.png)
利用align-content: space-between;
![](https://img-blog.csdnimg.cn/img_convert/907108763d98d994cdb69c75c9c67c5d.png)
利用justify-content: center;
![](https://img-blog.csdnimg.cn/img_convert/1b542f24b3fce4e691a0b7e872eda1b3.png)
#pond {
display: flex;
flex-flow: column-reverse wrap-reverse;
align-content: space-between;
justify-content: center;
}
利用flex-flow: column-reverse wrap-reverse;
利用align-content: space-between;
利用justify-content: center;