弹性盒模型

• 主要用于移动端开发

常见属性

• display:flex;(写在父元素上)
• flex-decoration:（默认）横向排列 row / 纵向排列 column;
• flex-wrap:wrap; 换行（默认不换）
• 主轴对齐方式（justify-content: ;）
  center space-between space-around flex-start flex-end stretch
• 侧轴对齐方式（align-item）
  同上
• align-conrent
  类似align-items，但是只适用于多行的容器
• flex:1
  代表独占一份

例：九宫格

• 注意：1.九个正方形可以使用ul，li标签
  2.display:flex必须写在父元素上，只能上一级
  3.可以用弹性盒模型进行九宫格的定位，但是注意其父元素是body和html（2个！）