mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 15:19:58 +08:00
bfa8aaec5e
* feat/Space-component-support-align-stretch: support align to stretch Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update document of zh-CN and en-US Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update demo Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update snapshot by command `npm test -- components/space -u` Signed-off-by: Chang Wei <changwei1006@gmail.com>
887 B
887 B
| category | type | subtitle | title | cols | cover |
|---|---|---|---|---|---|
| Components | 布局 | 间距 | Space | 1 | https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg |
设置组件之间的间距。
何时使用
避免组件紧贴在一起，拉开统一的空间。
- 适合行内元素的水平间距。
- 可以设置各种水平对齐方式。
API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| align | 对齐方式 | start | end |center |baseline |stretch |
- | 4.2.0 |
| direction | 间距方向 | vertical | horizontal |
horizontal |
4.1.0 |
| size | 间距大小 | Size | Size[] | small |
4.1.0 | Array: 4.9.0 |
| split | 设置拆分 | ReactNode | - | 4.7.0 |
| wrap | 是否自动换行，仅在 horizontal 时有效 |
boolean | false | 4.9.0 |
Size
'small' | 'middle' | 'large' | number