一种复习flex布局的方法
方法论
flex布局有多个属性，时常会忘记。我们复习的话，单纯看一些博客文章，不能直观的理解，也比较枯燥。
因此如果有一种用写代码闯关的方式来复习(学习)flex布局，那也许会更有意思。
复习的话可以在settings里面改变difficulty，关闭提示，并设置成随机出题。
我对flex属性的理解
flex布局中的justify-content和align-items这两个属性可以说是基本相同的，它们的属性值相同。唯一的不同点就是方向，justify是flex盒子堆叠方向，align是与之垂直的方向。
其中flex盒子堆叠的方向，可以通过flex-direction来改变。如果对其中某个盒子的排列顺序不满意，可以单独改变order属性，flex盒子的默认order值是0。
align-content改变flex盒子每一行之间的间距，flex盒子是否换行可以根据flex-wrap来选择。
flex-flow可以同时指定flex-direction, flex-wrap的属性值，因为这两个属性经常一块用。
