概述
三个可复用的布局组件几乎出现在 构建器 中的每一个区块里：分组、文本 和 分隔线。它们共同让你无需编写 CSS 就能构建任意布局。选择一个块即可打开其设置。
分组
分组是一个灵活的布局容器。在其中添加子块（文本、按钮、图片、订阅输入框，甚至嵌套的分组），并控制它们的排列方式。
方向
- 垂直：子元素从上到下堆叠。
- 水平：子元素并排排成一行。
在移动端垂直堆叠 切换开关仅在方向为水平时出现。开启它可在小屏幕上将水平行切换为垂直堆叠。
位置与对齐
这些设置沿主轴和交叉轴分布子元素。它们的含义会随方向而互换，两端对齐 选项（子元素之间等间距）只存在于主轴上：
- 垂直方向：位置 是主轴（垂直）：顶部、居中、底部或两端对齐。对齐 是交叉轴（水平）：左、居中或右。
- 水平方向：对齐 是主轴（水平）：左、居中、右或两端对齐。位置 是交叉轴（垂直）：顶部、居中或底部。
宽度
- 填充：扩展以占据父容器中所有可用空间。对于应在水平父容器内平等共享空间的分组使用此项。
- 适应：收缩到其内容的自然大小。
- 自定义：会显示一个以百分比设置的 自定义宽度 滑块（0 至 100%）。分组会保持该尺寸，不再增大或缩小。
间距
子元素之间的像素间距（0 至 100 px，默认 20 px）。
配色方案
使用父级配色方案 默认开启，因此分组会继承其父级的方案。关闭它会显示 配色方案 选择器，让你从全局配色方案中选择一个。这让你可以在一个区块内创建独立的配色区域。
边框
边框 可选 无 或 实线。实线会显示两个滑块：边框粗细（1 至 20 px，默认 1）和 边框不透明度（0 至 100%，默认 100）。颜色来自当前方案的边框颜色。
圆角半径
以像素为单位的圆角（0 至 100），独立于边框。用于卡片式容器。
背景叠加层
背景叠加层 切换开关会在分组背景之上添加一个有色层。开启时，可设置 叠加颜色（包括通过选择器的不透明度滑块设置透明度）、叠加样式（实心 平铺填充或 渐变 渐隐至透明），对于渐变还可设置 渐变方向（向上或向下）。常用于为媒体背景着色。
内边距
每一侧的内部间距，以像素为单位，每侧 0 至 100 px。内边距位于边框之内，处于边框与子元素之间。
文本
文本块用于渲染标题、段落和带格式的文案。富文本编辑器支持加粗、斜体、下划线、删除线和彩色文本。
预设
排版预设设定字体族、默认字重和语义 HTML 标签（它在页面上的角色）：
- 默认：继承区块的基础文本样式。
- 段落：正文文本样式。
- 标题 1 至 标题 6：标题样式，使用你的标题和副标题字体。
大小
以像素为单位的自定义字号（10 至 30 px，默认 16）。这是该块实际渲染的大小。
宽度与对齐
- 适应：块的宽度仅与其内容一样宽。
- 填充：块扩展至容器宽度的 100%。
对齐（左、居中、右）仅在宽度设为填充时才出现，因为只有当块填满其容器时对齐才有意义。
行高与字间距
行高 设定垂直节奏：正常（默认）、紧凑 或 宽松。字间距 用相同的三个选项设定字符间距。
配色方案
在分组内部，使用父级配色方案 默认开启。关闭它会显示 配色方案 选择器。标题预设使用方案的标题颜色；段落和默认使用其正文文本颜色。作为独立区块时，选择器单独存在，没有继承切换开关。
内边距
每一侧的内部间距，以像素为单位，每侧 0 至 100 px。
分隔线
一条会适应其父级的分隔线。在垂直（列）布局中它是一条水平线；在水平分组内部它会变成一条垂直线。
宽度
- 适应：容器的宽度仅与线一样宽。
- 填充：容器扩展以填满可用空间。
粗细
以像素为单位的线条粗细（1 至 10 px，默认 1）。对于水平分隔线这是高度；对于垂直分隔线这是宽度。
长度
线条相对其容器的跨度，以百分比表示（5 至 100%，默认 100）。将其设为低于 100% 可创建一条部分嵌入的线。
对齐
当线条长度低于 100% 时定位线条：起始、居中（默认）或 末尾。当长度为 100% 时该控件会隐藏。
圆角半径
- 尖锐：矩形端点。
- 圆角：胶囊形端点。
配色方案
可选地选择一个 配色方案。分隔线会使用该方案的边框颜色。如果未设置，它会继承父级区块或分组的颜色。
内边距
每一侧的间距，以像素为单位。作为块时范围为 0 至 100 px。当分隔线作为顶层区块添加时，内边距可达 200 px（默认 20），以获得更宽裕的垂直留白。
常见陷阱
- 水平父容器内的两个填充分组：各占空间的 50%，这通常正是你想要的。要让其中一侧更宽，将该分组的宽度设为 自定义。
- 垂直分隔线不出现：分隔线只有在它是某个方向设为 水平 的分组的直接子元素时才会变成垂直。请检查父级分组的方向。
- 缺少两端对齐选项：两端对齐 只出现在子元素流动所沿的那条轴上，因此对于垂直分组它在 位置 上，对于水平分组它在 对齐 上。
- 文本颜色不对：它很可能继承自一个使用了不同方案的父级分组。在文本块上关闭 使用父级配色方案，并明确选择方案。
关于这些组件可以放置在哪里，请参阅 区块与块。