flex学习

        今天看视频学习的时候，发现css有一个 flex 的属性，非常的好用，为了让自己能够熟记，特意来分享一下flex的用法。

首先，采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。

容器一共有有6个属性，分别是flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。其中（justify-content和align-items）结合可以完成不定宽高的水平垂直居中韩国，非常方便简洁。

项目也有6个属性，分别是order、flex-grow、flex-shrink、flex-basis、flex、align-self。

具体例子可以查看[菜鸟教程](http://www.runoob.com/w3cnote/flex-grammar.html)