“组”区块 可帮助您将内容组织到一个容器中，以便您将其作为一个整体来调整样式和位置。本指南将向您展示如何使用布局设置，通过 “组”区块创建响应迅速、对齐精准的页面区域。
默认情况下， “组”区块 会将内部区块垂直堆叠显示。通过更改区块在组中的排列方式，您可以控制内容是以并排（水平）还是堆叠（垂直）形式呈现，从而为您的设计提供更大的布局灵活性。要自定义内容在组中的对齐方式，您可以按照以下步骤操作：
- 选择编辑界面顶部的 “列表视图” 。
- 选择 “组”区块。
- 在右侧的 区块设置边栏 中，选择以下任一选项：
- 组：“组”区块的 默认排列方式。
- 堆叠：垂直排列区块，使其上下堆叠。非常适合创建清晰、顺序性强的内容，例如步骤说明或特色项目。
- 在 “对齐方式”下，您可以使用顶部、居中或底部等选项更改垂直对齐方式。
- 行：水平并排放置区块。非常适合创建功能对比表格或图库。
- 在 “对齐方式”下，您可以使用左对齐、居中对齐、右对齐或两端对齐等选项调整水平对齐方式。
- 网格：使用可自定义的 网格布局组织模块。适合展示产品或团队成员信息。
- 点击 “保存” 或 “发布”， 保存您的更改。
通过调整 “组”区块 的整体宽度，您不仅可以构建页面视觉层次，还能控制内容在不同屏幕尺寸下的显示效果。要更改 “组”区块 占用的空间大小（从内容宽度、加宽到全宽），您可以按照以下步骤操作：
- 选择编辑界面顶部的 “列表视图” 。
- 选择 “组”区块。
- 在出现的工具栏中，选择“对齐”图标，然后选择以下任一选项：
- 内容（或“无”）： 将区块的宽度设置为 内容区域的默认宽度。非常适合常规内容区域。
- 加宽： 将区块的宽度设置为较宽（但不是全宽）的尺寸。非常适合吸引用户关注重要内容，同时无需占据整个屏幕空间。
- 全宽： 将区块的宽度设置为填满整个可用区域的尺寸。非常适合创建沉浸式内容区域，例如横幅或大型图库。
- 点击 “保存” 或 “发布”， 保存您的更改。
了解有关 更改内容宽度的更多信息。
您可以控制内容在组中占用的空间，轻松实现同时适配移动端与桌面端屏幕的响应式设计。请按照以下步骤更改 “组”区块中内容的宽度设置：
- 选择编辑界面顶部的 “列表视图” 。
- 选择 “组”区块。
- 在 区块设置边栏中，找到“内部区块”部分。切换 “内部区块使用内容宽度” 设置：
- 开启：内容将遵循站点的 内容宽度 设置，或者您也可以通过宽度控件调整特定宽度值。
- 关闭：内容将扩展至填满整个“组”区块的宽度。
- 点击 “保存” 或 “发布”， 保存您的更改。
“内部区块使用内容宽度”设置可控制“组”区块中内容的显示宽度：
设为 开启时： “组”区块 中的内容将遵循站点的全局内容宽度设置（通常约为 700-800 像素宽）。这将形成一个居中且宽度受限的内容栏目，即使 “组”区块 本身已铺满页面整个宽度。此设计能在大屏幕上提升内容可读性，同时保持美观的版式布局。
设为 关闭时： “组”区块 中的内容将扩展至填满整个 “组”区块 的宽度。如果您将 “组”区块 设为全宽，其内容也将延伸至全宽。此特性非常适合创建全屏设计（如全宽图库），或需要使内容与 “组”区块 背景宽度完全匹配的场景。
实际应用示例：若某个 “组”区块 设置了满屏宽度的彩色背景，开启“内部区块使用内容宽度”后，系统将生成一个居中显示的内容栏目，同时彩色背景仍保持全屏延伸。这种设计既能突出重要信息，又能维持视觉吸引力，堪称完美方案。
您可以通过调整尺寸来控制 “组”区块 的高度、宽度及间距，使其更契合您的内容与布局需求。这有助于打造视觉平衡的版块，并为内容提供适当的留白空间。要为您的 “组”区块 内容设置精确间距，请按照以下步骤操作：
- 选择编辑界面顶部的 “列表视图” 。
- 选择 “组”区块。
- 在 区块设置边栏中，找到 “尺寸” 部分。
- 为以下项设置值：
- 内边距：内容与“组”区块边框之间的空间。增加内边距可为内容周围创造留白空间。
- 外边距：“组”区块外部的间距。用于将此部分与其他内容分隔开来。
- 使用链接图标在统一调整与单独调整各边距之间进行切换。
了解有关 自定义区块尺寸的更多信息。
调整此间距可控制 “组”区块中各内容的显示距离，从而在元素间建立恰当的视觉关联。这样既能帮助访客区分相关内容，又能保持版块的整体协调性。管理组内区块之间的间距：
- 选择编辑界面顶部的 “列表视图” 。
- 选择 “组”区块。
- 在 区块设置边栏中，找到 “区块间距” 部分。
- 使用控件完成以下设置：
- 区块间距：各区块之间的间距。增大间距可形成清晰分隔，缩小间距则能使内容更具关联感。
- 最小高度：“组”区块至少应具有的高度值。这有助于创建风格统一的版块，或通过留白实现视觉平衡。
了解有关 调整区块间距的更多信息。
WordPress.com 支持 