首页 > 技术文章 > 水平居中显示CSS

luzt 2019-10-15 15:04 原文

HTML代码部分

      <div class="center" >

        <img style="margin:0 auto ;" :src=item.imgThumb>

      </div>

 

 

CSS代码部分

    .center{

      /*水平垂直居中*/

      width:100%; height:280px; margin:0 auto ;

      display:-webkit-box;     //显示成盒子模式

      -webkit-box-align:center;   //垂直居中

      -webkit-box-pack:center;   //水平居中

    }

 

推荐阅读