Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > List of blog posts > flex实战小案例
Blogger Information
Blog 6
fans 1
comment 1
visits 5005
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
flex实战小案例
安静的旅途
Original
730 people have browsed it

0410作业实例， flex实战小案例 网址：http://php.wangsoo.com/css/0410/
效果预览图：

作业总结：

1.弹性布局常用实用属性

display: flex;设置为弹性布局
flex-flow: row nowrap;复合属性，同一行，不换行；
justify-content: space-around;项目位于各行之前、之间、之后都留有空白的容器内。
justify-content: space-evenly;将剩余空间平均分割

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：作业写得很规范, html结构还有可以简化的部分
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post