美文网首页
Vue3+TS Naive Ul 栅格的用法

Vue3+TS Naive Ul 栅格的用法

作者: 煮茶忘放糖 | 来源:发表于2022-08-04 10:53 被阅读0次
<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 中 第一个代表默认格数,然后在不同屏幕宽度下显示多少格,400px时总共有12格。

offset 代表左偏移格数,默认6格,400px时变成占据1格。
span 代表自身占据格数,默认6格,400px时变成占据10格。

在相同宽度情况下:offset+span+右边offset=cols,可以达到居中效果。

相关文章

网友评论

      本文标题:Vue3+TS Naive Ul 栅格的用法

      本文链接:https://www.haomeiwen.com/subject/lmjywrtx.html