css flex布局应用

flex 布局：弹性布局

1. 垂直水平居中
   

   // 父元素
       {
           display: flex;
           align-items:center; 
           justify-content:center;
       }
   //子元素
       {
           display: inline-flex;        
       }