display:flex弹性布局

flex-direction：定义轴向，默认水平方向
justify-content：控制主轴对齐方式
align-items：控制交叉轴对齐方式

常见用法：
    <div style="display:flex">
      <div></div>
      <div></div>
    </div>
    
    垂直对齐
    style="display:flex;align-items:center;"
    
    水平对齐
    style="display:flex;justify-content:center;"
 

外部链接：https://zhuanlan.zhihu.com/p/709583629