<n-grid cols="18 400:12 600:10 800:10 1000:12">
    <n-gi offset="6 400:1 600:1 800:2 1000:4" span="6 400:10 600:8 800:6 1000:4">
        <div class="login-main"></div>
    </n-gi>
</n-grid>

cols 中 第一個(gè)代表默認(rèn)格數(shù)，然后在不同屏幕寬度下顯示多少格，400px時(shí)總共有12格。

offset 代表左偏移格數(shù)，默認(rèn)6格，400px時(shí)變成占據(jù)1格。
span 代表自身占據(jù)格數(shù)，默認(rèn)6格，400px時(shí)變成占據(jù)10格。

在相同寬度情況下：offset+span+右邊offset=cols，可以達(dá)到居中效果。