图为flex布局常用属性，下面给大家简单演示如何去使用！

justify-content:space-between （紧贴两边）

justify-content:space-around (盒子间的间隙是边端的两倍）

justify-content:space-evenly （盒子和边端间隙相等）

justify-content:space-evenly （水平居中）

align-items:center (垂直居中）

flex-wrap：wrap （flex布局盒子自动换行）

大家看，当弹性盒子数量多且设置了flex-wrap：wrap后，弹性盒子会超出父盒子范围，这是为什么？ 先给大家看看相同数量弹性盒子不设置flex-wrap：wrap时的状况，大家应该就清楚了！ 注销flex-wrap：wrap后所有弹性盒子是不是又重新回到了父盒子里面，但好像变瘦了！这是因为在flex布局里面会自动控制弹性盒子的宽高以约束在弹性容器（父盒子）！