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

如何实现flex两端对齐

时间:2024-10-14 20:34:34

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

如何实现flex两端对齐

2、使用css的justify-content:space-between属性设置div两端对齐。如图

如何实现flex两端对齐

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

如何实现flex两端对齐
© 手抄报圈