vue实现水平排列且水平居中

样式实现

.body{
  text-align: center;
}
.body_content{
  display: inline-block;
}
.body_content_cardList{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}


    <div class="body">
      <div class="body_content">
        <div class="body_content_cardList">
        
        </div>
      </div>
    </div>

效果