flex-css

阮一峰flex教程上的一些示例，动手过一遍

felx小游戏答案： http://flexboxfroggy.com/#zh-cn

1.

justify-content:flex-end;

2.

justify-content:center;

1. justify-content:space-around

2. justify-content:space-between;

3. align-items:flex-end;

4. justify-content:center;
   align-items:center;

5. justify-content:space-around;
   align-items:flex-end;

6. flex-direction:row-reverse;

   9.

   flex-direction:column;

   10.

   flex-direction:row-reverse;
   justify-content:flex-end;

   11.

   flex-direction:column;
   justify-content:flex-end;

   12.

   flex-direction:column-reverse;
   justify-content:space-between;

   13.

   flex-direction:row-reverse;
   justify-content:center;
   align-items:flex-end;

   14.

   order:1

   15.

   order:-1;

   16.

   align-self:flex-end;

   17.

   order:2;
   align-self:flex-end;

   18.

   flex-wrap:wrap;

   19.

   flex-direction:column;
   flex-wrap:wrap;

   20.

   flex-flow:column wrap;

   21.

   align-content:flex-start;

   22.

   align-content:flex-end;

   23.

   flex-direction:column-reverse;
   align-content:center;

   24.

   flex-wrap:wrap-reverse;
   flex-direction:column-reverse;
   justify-content:center;
   align-content:space-between;