css3中弹性布局flex简单总结1

2024-12-06 技术教程

1 普通情况下的效果

代码:

效果:

2 添加弹性布局

效果:

3 设置为垂直排放

添加的代码如下:

效果:

4 设置为水平居中显示

效果:

5 设置为垂直方向居中显示

效果:

6 进行换行

flex-wrap:wrap;/*换行*/

7justify-content: space-between的使用效果:

8justify-content: space-around的使用效果:

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。