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（多行）