Space

Set components spacing.

When To Use#

Avoid components clinging together and set a unified space.

import { NzSpaceModule } from 'ng-zorro-antd/space';

Crowded components horizontal spacing.

      Loading...

Card

Card content

Card

Card content

Crowded components vertical spacing.

      Loading...

SmallMiddleLarge

large, middle and small preset sizes.

Set the nzSize to large and middle by setting size to large and middle respectively. If size is not set, the spacing is small.

      Loading...

center

Block

start

Block

end

Block

baseline

Block

Config item align.

      Loading...

Custom spacing size.

      Loading...

Crowded components split.

      Loading...

Property	Description	Type	Default	Global Config
`[nzSize]`	The space size	`'small' \| 'middle' \| 'large' \| number`	`small`	✅
`[nzDirection]`	The space direction	`'vertical' \| 'horizontal'`	`horizontal`
`[nzAlign]`	Align items	`'start' \| 'end' \| 'baseline' \| 'center'`	-
`[nzWrap]`	Auto wrap line, when `horizontal` effective	`boolean`	`false`
`[nzSplit]`	Set split	`TemplateRef`	-