雖然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">合作機(jī)構(gòu)</div>
</div>
<div class="col-md-3 text-center">
<div class="admin-data__value">1000</div>
<div class="admin-data__explain">課程商品數(shù)</div>
</div>
<div class="col-md-3 text-center">
<div class="admin-data__value">10000</div>
<div class="admin-data__explain">總資產(chǎn)余額</div>
</div>
</div>
我們可以發(fā)現(xiàn)其并沒有達(dá)到想要的目的
這個(gè)時(shí)候就需要display:flex; justify-content:space-between; align-items:center;聯(lián)合使用了
<div class="row" style="display:flex; justify-content:space-between; align-items:center;">
......
</div>
如此就符合我們的需求了
