logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Space间距

Examples

相邻组件水平间距。

expand code expand code

相邻组件垂直间距。

可以设置 width: 100% 独占一行。

expand code expand code

间距预设大、中、小三种大小。

通过设置 sizelarge middle 分别把间距设为大、中间距。若不设置 size,则间距为小。

expand code expand code

自定义间距大小。

expand code expand code

设置对齐模式。

expand code expand code

自动换行。

expand code expand code

相邻组件分隔符。

expand code expand code

Space API#

属性 描述 类型 默认值
Align 属性项目对齐 - 开始 |结束 |中心 |基线 String --
Direction 属性物品流向 DirectionVHType DirectionVHType.Horizontal
Size 属性项目之间的空间大小 OneOf<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 --
Layout布局 ReuseTabs路由复用
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.