链接：https://cruxf.github.io/FlexBox/flexbox2-1
链接：https://cruxf.github.io/FlexBox/flexbox2-2
链接：https://cruxf.github.io/FlexBox/flexbox2-3
链接：https://cruxf.github.io/FlexBox/flexbox2-4
链接：https://cruxf.github.io/FlexBox/flexbox2-5
链接：https://cruxf.github.io/FlexBox/flexbox2-6
链接：https://cruxf.github.io/FlexBox/flexbox2-7
链接：https://cruxf.github.io/FlexBox/flexbox2-8
链接：https://cruxf.github.io/FlexBox/flexbox2-9
链接：https://cruxf.github.io/FlexBox/flexbox2-12
其他一些小案例：
https://cruxf.github.io/FlexBox/flexboxanli2
https://cruxf.github.io/FlexBox/flexboxanli
原文：http://www.cnblogs.com/fengxiongZz/p/6543889.html