2020-03-22 11:38:02 +08:00
|
|
|
---
|
|
|
|
|
category: Components
|
|
|
|
|
type: 布局
|
|
|
|
|
subtitle: 间距
|
|
|
|
|
title: Space
|
|
|
|
|
cols: 1
|
2020-05-31 11:48:34 +08:00
|
|
|
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
2020-03-22 11:38:02 +08:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
设置组件之间的间距。
|
|
|
|
|
|
|
|
|
|
## 何时使用
|
|
|
|
|
|
|
|
|
|
避免组件紧贴在一起，拉开统一的空间。
|
|
|
|
|
|
2020-08-03 13:56:58 +08:00
|
|
|
- 适合行内元素的水平间距。
|
|
|
|
|
- 可以设置各种水平对齐方式。
|
|
|
|
|
|
2020-03-22 11:38:02 +08:00
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
|
|
|
| --------- | -------- | ------------------------------------------ | ------------ | ----- |
|
2020-04-16 12:28:04 +08:00
|
|
|
| align | 对齐方式 | `start` \| `end` \|`center` \|`baseline` | - | 4.2.0 |
|
2020-03-22 11:38:02 +08:00
|
|
|
| direction | 间距方向 | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
|
2020-04-16 12:28:04 +08:00
|
|
|
| size | 间距大小 | `small` \| `middle` \| `large` \| `number` | `small` | 4.1.0 |
|
2020-10-08 18:41:40 +08:00
|
|
|
| split | 设置拆分 | ReactNode | - | 4.7.0 |
|
