flex实战小案例

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

作业总结：

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

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