父元素設(shè)置display:flex;
子元素自動成為其成員，僅子元素；

父元素6個屬性

1. flex-direction
   子元素排列方向
2. flex-wrap
   子元素超出父元素是否換行
3. flex-flow
   上面兩個屬性的縮寫
4. justify-content
   子元素在橫軸的對其方式（左對齊右對齊等）
5. align-items
   子元素在豎軸的對齊方式（上中下）設(shè)置為上對其時，每行均勻占比高，然后所有的子元素在每行中上對其
6. align-content
   子元素在豎軸上的對其方式（主要作用于多行），設(shè)置為上對其時，所有子元素往上靠

子元素6個屬性

1. order
   子元素的排列順序，默認(rèn)為0.小的顯示在前面
2. flex-grow
   放大比例，多行沒排滿的情況下也有效
3. flex-shrink
   縮小比例，多行情況下不存在空間不夠的情況，不起作用
4. flex-basis
   在設(shè)置放大縮小的時候，可以設(shè)置一個值用來作為放大縮小的值而省略掉元素本身設(shè)置的寬或者高；其縮放效果與直接設(shè)置寬高的效果一樣
5. flex
   以上3個的縮寫
6. align-self
   設(shè)置單個子元素垂直方向?qū)ζ鋵傩裕采walign-items的值