关于flex布局的记录

flex布局相关属性可分为作用于flex容器与作用于flex子项

一:作用于flex容器

1.flex-direction

语法:

 

2. flex-wrap

语法:

 

3. flex-flow

语法:

 

flex-flow属性是flex-direction和flex-wrap的缩写，表示flex布局的flow流动特性 

4. justify-content

语法:

 

5. align-items

语法:

 

 

 二:作用在flex子项上的CSS属性

1. order

语法:

 注:所有flex子项的默认order属性值是0，因此，如果我们想要某一个flex子项在最前面显示，可以设置比0小的整数，如-1就可以了。

....此文摘于写给自己看的display: flex布局教程 « 张鑫旭-鑫空间-鑫生活用于记录以免忘记