Space 间距

设置组件之间的间距。避免组件紧贴在一起，拉开统一的空间。

基本用法

相邻组件水平间距，默认间距8px。

文本类型

div标签元素

• 复制代码
• 显示代码

垂直间距

相邻组件垂直间距，默认间距8px。

div标签元素

• 复制代码
• 显示代码

对齐

设置该值可以调整所有子节点在容器内的对齐方式, 可设置的值与 align-item🔗 一致。

默认 align-items: center

div标签元素

align-items: flex-start

div标签元素

align-items: flex-end

div标签元素

• 复制代码
• 显示代码

自动换行

使用属性wrap，使元素自动换行。

• 复制代码
• 显示代码

自定义间隔尺寸

使用size属性设置间距大小。可配置array或number。
number横向间距、竖向间中同时生效。
array[20] 与number一致。[10, 20] 两个值分别为横向间距、竖向间距。

number类型

div标签元素

• 复制代码
• 显示代码

分隔符

相邻组件分隔符。可使用属性spacer默认生成分隔符，或使用h函数自定义分隔符样式。

默认分隔符

div标签元素

div标签元素

• 复制代码
• 显示代码

Space 属性

属性	说明	类型（可选值）	默认值
direction	排列方式	horizontal / vertical	horizontal
align	对齐	与 align-items🔗 一致	center
wrap	自动换行	boolean	false
size	间距	number [10] [10, 20]	8
spacer	分隔符	boolean v-slot VueNode	false