2019-11-19 div 内容居中

虽然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>

如此就符合我们的需求了