Flex布局及属性

felx布局是css3中新增的一种布局方式，它大多用于移动端中，在PC端中用的比较少。在PC端中会存在一些兼容性的问题，因为flex是css3新增的一种布局方式，旧版本浏览器可能不支持，所以有时候需要添加浏览器兼容的前缀来解决。

flex布局，可以简便.完整.响应式地实现各种页面布局，任何一个容器都可以指定为flex布局，行内元素也可以使用flex布局。

！！！注意：设为flex布局以后，子元素的float  clear和vertical-align属性将失效。

flex的属性：

flex-direction（布局的方向）

flex-wrap（是否换行）

flex-flow（flex-direction和flex-wrap的简称，默认值是row，wrap横向不换行的意思）

justify-content（主轴方向）

space-around（平均分布）

space-between（两边贴边在分布）

align-item（侧轴方向居中）

align-content（多行）