初探flex布局
设置为flex布局之后就可以设置伸缩流方向了。flex-direction有row和column两种基本方向，当然也开始设置反方向，这个看你具体需求。
-
flex-wrap设置伸缩换行。有nowrap，wrap，wrap-reverse这个看了属性值之后就自己懂了。不换行，换行，换行反方向
-
flex-flow属性，用于伸缩容器的。值为flex-flow: row nowrap这个也是用来定义主轴和侧轴的方向，是flex-direction和flex-wrap的缩写。
-
justify-content这个也是用于伸缩容器的。他的值是我们要牢记的，会经常用到flex-start flex-end cneter space-between space-around ,这些值也是看名知意的。
-
align-items和align-self，这个设置的是伸缩项。有flex-start。flex-end,center，baseline，stretch等值。align-items是对应的伸缩项目行，align-self对应的是项目自身在侧轴的对齐方式。
-
然后还有比较有用的。align-content这个和align-items相似，但不是对齐伸缩项，他对齐的是伸缩行。当伸缩容器的侧轴还有空间的时候，align-content属性可以用来调准伸缩行在伸缩容器里面的对齐方式。
-
伸缩性flex。他有flex-grow，flex-shrink，flex-basis等值。grow就是在有多余的空间的时候内容放大的倍数，如果一个为2一个为1，那么2就会比1的多获得一些空间
-
flex-basis就是为这些来设置基准值的。默认值为auto。
-
order了，这个就是元素的现实顺序，这个可以根据需要进行设置。学完就可以实践了。有问题再去看规范。
