flex知识点归纳

flex基本用法是给父容器设置： display: flex;

参考：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

那么它下面的所有子元素，自动成为flex的item项。

父容器可以设置很多属性：

1. flex-direction: row/row-reverse/column/column-reverse;

如果不设置该属性，系统默认flex-direction: row;

2. flex-wrap: nowarp（不换行）/wrap（换行）/wrap-reverse

如果不设置该属性，默认flex-wrap: nowrap;

在flex-direction: row的情况下，所有的Item会在一行排开。

3. flex-flow: row/row-reverse/column/column-reverse   nowarp（不换行）/wrap（换行）/wrap-reverse;

这个属性是上面