antd-栅格

最新推荐文章于 2024-09-24 14:57:48 发布

开水没有冬天

最新推荐文章于 2024-09-24 14:57:48 发布

阅读量1.2k

点赞数

分类专栏： angular antd

本文链接：https://blog.csdn.net/weixin_42995876/article/details/87716862

版权

angular 同时被 2 个专栏收录

96 篇文章 0 订阅

订阅专栏

antd

23 篇文章 0 订阅

订阅专栏

1.栅格

<div nz-row>
      <div nz-col nzSpan="8">col-8</div>
      <div nz-col nzSpan="8">col-8</div>
      <div nz-col nzSpan="8">col-8</div>
</div>

2.区块间隔，nzGutter

<div nz-row nzGutter="16">
      <div nz-col nzSpan="8">col-8</div>
      <div nz-col nzSpan="8">col-8</div>
      <div nz-col nzSpan="8">col-8</div>
</div>

3.左右偏移

<div nz-row>
      <div nz-col nzSpan="8">
        col-8
      </div>
      <div nz-col nzSpan="8" nzOffset="8">
        col-8
      </div>
</div>

4.响应式

<div nz-row>
      <div nz-col nzXs="2"  nzSm="4"  nzMd="6"  nzLg="8" nzXl="10">
        Col
      </div>
      <div nz-col nzXs="20" nzSm="16" nzMd="12" nzLg="8" nzXl="4">
        Col
      </div>
      <div nz-col nzXs="2"  nzSm="4"  nzMd="6"  nzLg="8" nzXl="10">
        Col
      </div>
</div>