Flex布局

1. 什么是Flex布局？
   1. Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。
   2. 任何一个容器都可以指定为Flex布局。
   3. display: flex；
2. Flex属性
   1. flex-direction：
      1. row（默认值）：主轴为水平方向，起点在左端。
      2. row-reverse：主轴为水平方向，起点在右端。
      3. column：主轴为垂直方向，起点在上沿。
      4. column-reverse：主轴为垂直方向，起点在下沿。
3. 学习地址：https://www.runoob.com/w3cnote/flex-grammar.html