NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.94k forks source link

栅格化nzGutter无效 #6791

Closed yedajiang44 closed 3 years ago

yedajiang44 commented 3 years ago

Reproduction link

https://stackblitz.com/edit/ng-alain-setup-ezefbb?file=src/app/app.component.ts

Steps to reproduce

打开即可

What is expected?

通过设置nzGutter使栅格化间隔生效

What is actually happening?

nzGutter无效

Environment Info
ng-zorro-antd 11.4.2
Browser Google Chrome 91.0
zorro-bot[bot] commented 3 years ago

Translation of this issue:

Raster NZGutter invalid

reproduction link

[https://stackblitz.com/Edit/ng-alain-setup-ezefbb?file=src/app/app.component.ts](https://stackblitz.com/edit/ng-alain-setup-ezefbb? FILE = src / app / app.component.ts)

steps to reproduce

Open

What is expected?

Effectiveness of the gridization interval by setting NZGUTTER

What is actually happens?

NZGutter invalid

ENVIRONMENT INFO
Ng-Zorro-ANTD 11.4.2
Browser Google Chrome 91.0
yedajiang44 commented 3 years ago

正确用法

<div nz-row [nzGutter]="[16,16]">
      <div
        nz-col
        nzSpan="8"
        *ngFor="let i of [1, 2, 3, 4, 5, 6, 7]"
      >
        <div  style="height: 50px; border: 1px solid red"></div>
      </div>
</div>