HTML5的Day1

弹性和布局 display:flex 在ie6, ie7不兼容状态，一般在pc用的比较少,在手机端所有的浏览器都是支持的
控制子元素在父元素里面的位置关系 display:flex 是给父元素加的
文档流是按照主轴排列，只要父元素加了flex,那么里面的子元素全部可以直接添加宽高 主轴的方向是默认从左到右
控制主轴方向 flex-direction: row, row-reverse, column, column-reverse 从左到右， 从右到左， 从上到下， 从下到上
控制主轴的排列方式 justify-content: flex-start, center, flex-end, space-around, space-between, space-evenly 主轴开始对齐，居中对齐，末尾对齐，均匀分布，两头撑开，均匀分布

控制侧轴的排列方式 align-items: flex-start, center, flex-end 侧轴的开始对齐，侧轴居中，侧轴末尾对齐
控制是否换行 flex-wrap:nowrap, wrap 默认不换行， 换行