创建 Flex 布局

上次更新日期: 2026年9月22日

了解如何使用 Flex 布局使您的设计动态化并轻松适应内容变化。

Adobe InDesign deeplink-gen-fill

在应用程序中试用
使用示例文件,了解如何使用 Flex 布局

创建空的 Flex 布局

在您的文档中选择多个对象。

属性面板中选择 Flex 布局图标。所选对象已添加到 Flex 容器

将对象拖放到容器中。 容器项目会根据 Flex 容器设置自动调整 - 方向、对齐、对齐方式和间距。

  • Flex 布局可以编写
  • Esc 键可将选区从 Flex 布局内的子对象移动到父对象。

在现有文档中创建 Flex 布局

当您将所选内容转换为 Flex 布局时,InDesign 会分析对齐方式和间距,以应用合适的布局行为。这有助于您的布局对内容更改做出一致响应。

选择要转换的对象或组。

对于组:右键单击选定的组,然后选择 Flex 布局 > 转换为 Flex 布局

对于多个对象:右键单击选定的对象,然后选择 Flex 布局 > 添加到 Flex 布局

注释

InDesign 会自动检测 Flex 布局的方向和属性。要开启或关闭此功能,请选择编辑 > 首选项 > 常规 (Windows) 或 InDesign > 首选项 > 常规 (macOS),然后选择或取消选择自动检测并应用 Flex 布局设置,之后选择确定

InDesign 根据所选对象的对齐方式检测布局属性:

  • 对齐的选择内容:容器方向与对齐方式匹配,沿该轴的大小设置为自动,间距设置为两端对齐
  • 未对齐的所选内容:环绕内容已开启,容器在主轴上使用固定大小,在次轴上使用自动调整大小。

您可以调整方向、对齐方式、间距、环绕和排列。

InDesign 工作区中,“Flex 布局”面板显示了可调整的属性,位于已转换的 Flex 容器上方。
使用“Flex 布局”面板优化 Flex 布局属性。

将主元素转换为 Flex 布局以构建嵌套结构。

添加或删除项目以查看布局如何响应,并进行优化直到其顺畅适应。

注释

自动检测不会创建嵌套的 Flex 布局。已包含 Flex 布局的组会被视为单个对象,因此请在创建外部容器之前或之后手动转换内部组。