手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何实现flex垂直顶部对齐

时间:2024-10-11 21:45:22

1、打开一个html代码页面,创建一个父div和3个div标签。如图

如何实现flex垂直顶部对齐

2、使用css设置align-items: flex-end,实现div标签垂直底部对齐效果。如图

如何实现flex垂直顶部对齐

3、保存html代码后使用浏览器打开,即可看到div标签已经实现垂直底部对齐效果。如图

如何实现flex垂直顶部对齐
© 手抄报圈