1.交叉轴终点对齐
#pond {
display: flex;
align-items: flex-end;
}
![](https://img-blog.csdnimg.cn/img_convert/50fbee8c25f0abdb8c5c9383acb72a36.png)
![](https://img-blog.csdnimg.cn/img_convert/482572afdd0e2aea51a97b0e6c6a5e70.png)
2.水平垂直中心对齐
#pond {
display: flex;
justify-content: center;
align-items: center;
}
![](https://img-blog.csdnimg.cn/img_convert/5fe95cb2f442a5cf675ba9576c0b06f5.png)
![](https://img-blog.csdnimg.cn/img_convert/dd3c3a93fa7b9e58e5899b25b7c3df00.png)
![](https://img-blog.csdnimg.cn/img_convert/70e5567fdcceab7ae017c1325cbd77eb.png)
3.先设置项目间的间隔相等,再设置交叉轴的终点对齐
#pond {
display: flex;
justify-content: space-around;
align-items: flex-end;
}
![](https://img-blog.csdnimg.cn/img_convert/0a16b8becdbf6ae30a33353b42388d11.png)
![](https://img-blog.csdnimg.cn/img_convert/ae5f2d3cef07c6dfd8fdf354ce4cf45e.png)
![](https://img-blog.csdnimg.cn/img_convert/3faed259525f501d9beb766d1bd8d777.png)