虽然margin:auto 也可以使div居中但是有些情况并不适用
例:
<div class="row" style="margin:auto;">
<div class="col-md-3 text-center">
<div class="admin-data__value">600</div>
<div class="admin-data__explain">合作机构</div>
</div>
<div class="col-md-3 text-center">
<div class="admin-data__value">1000</div>
<div class="admin-data__explain">课程商品数</div>
</div>
<div class="col-md-3 text-center">
<div class="admin-data__value">10000</div>
<div class="admin-data__explain">总资产余额</div>
</div>
</div>
我们可以发现其并没有达到想要的目的
这个时候就需要display:flex; justify-content:space-between; align-items:center;联合使用了
<div class="row" style="display:flex; justify-content:space-between; align-items:center;">
......
</div>
如此就符合我们的需求了
