Ant Design Blazor
Space间距
设置组件之间的间距。
何时使用
避免组件紧贴在一起，拉开统一的空间。
- 适合行内元素的水平间距。
- 可以设置各种水平对齐方式。
Examples
相邻组件水平间距。
相邻组件垂直间距。
可以设置 width: 100% 独占一行。
间距预设大、中、小三种大小。
通过设置 Size 为 SpaceSize.Large SpaceSize.Middle 分别把间距设为大、中间距。若不设置 Size，则间距为小。
设置对齐模式。
自定义间距大小。
自动换行。
相邻组件分隔符。
Space API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Align | 属性项目对齐 - 开始 |结束 |中心 |基线 | SpaceAlign | -- |
| Direction | 属性物品流向 | SpaceDirection | SpaceDirection.Horizontal |
| Size | 属性项目之间的空间大小 | OneOf<SpaceSize, String, ValueTuple<String, String>> | small |
| Wrap | 属性是否将项目换行到多行。 Direction 为垂直时忽略。 | Boolean | false |
| Split | 属性在项目之间的空间中显示的内容 | RenderFragment | -- |
| ChildContent | 属性空间内容 - 应包含 SpaceItem 元素 | RenderFragment | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
SpaceItem API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| ChildContent | 属性子内容 | RenderFragment | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |