---
title: Space 间距
description: 控制横向或者纵向组件之间的间隔。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

默认情况，space 可用来控制横向组件之间的间隔，也可通过`direction`属性来控制纵向的间隔，可选：`horizontal`和`vertical`。

{{ base }}

## 间隔大小

默认情况，子元素之间的间隔为`16px`，但也可以通过`size`来进行更改，可选：`small`，`medium`，`large`，`number`，`px`。

> 提示：当需要分别设置水平垂直方向的间隔时，可通过设置`[垂直，水平]`数组方式来设置。

{{ space }}

## 垂直对齐方式

通过`align`属性可设置内部子元素在垂直方向的对齐方式，类似 css 中的`align-items`，可选
：`start`，`center`，`end`，`baseline`。

{{ align }}

## 自动换行

通过`breakLine`可设置子元素超出自动换行。

{{ autowrap }}

## 自定义分隔符

通过`separator`属性可自定相邻元素之间的分隔符，类型为：`LNode`。

> 提示：支持`slot`和`props`，当 props 为`function`时，务必给`script`添加`lang="jsx"`。

{{ separator }}
