添加到 Flex 布局
上次更新日期：
2026年8月7日
使用 InDesign 中的“Flex 布局”面板，可在 Flex 布局中完成创建、对齐、设定方向、换行、两端对齐和调整间距等一系列操作。
什么是 Flex 布局？
Flex 布局是一项功能，可让您创建能够随内容变化而自动调整的容器。 容器中的项目使用方向、间距、内边距和对齐方式进行定位。 当添加、移除或调整内容大小时，布局会自动调整，无需手动调整。
访问 Flex 布局选项
在文档中选择对象/组/多个对象，然后执行以下操作之一以访问 Flex 布局选项：
- 转到对象 > Flex 布局。
- 右键单击对象以访问 Flex 布局。
- 转到窗口 > Flex 布局面板。
- 单击一次可选择父级 Flex 布局，双击可选择子级。
- 使用直接选择 工具选择次项目。
|
|
将所选对象添加到 Flex 布局中。 |
|
转换为 Flex 布局 |
将对象（矩形框架、矩形形状或组）转换为 Flex 布局。 |
|
移除 Flex 布局 |
从选区中移除 Flex 布局。 如果 Flex 布局中有多个对象，则会创建一个组。 如果只有一个对象，该对象将保持不变。 |
|
显示 Flex 控件 |
打开 Flex 布局面板（属性面板的替代选项）。 |
Flex 布局在 InDesign 中引入了一个类似 CSS Flexbox 的容器概念。它能为次对象提供强大的布局控制。使用 Flex 布局，可使设计结构清晰、更具适应性，并减少手动调整。
Flex 布局容器
您可以直接在对象样式中配置 Flex 布局属性。您可以创建名为垂直容器的对象样式，其中包含 Flex 布局设置，然后将其应用于布局中的任何 Flex 布局容器。
示例：
使用对象样式面板来应用 Flex 布局，并设置方向、对齐方式和间距等属性。保存后，将此样式应用于其他容器，即可获得一致的布局行为。
Flex 布局子对象
对象样式中的 Flex 布局部分同样可以定义 Flex 布局次元素及其嵌套次元素的属性，助您在整个布局中标准化固定或灵活尺寸等行为。
- 直接创建交互式元素：将 Flex 布局中的次元素转化为交互式元素，无需单独创建并将其添加到 Flex 布局中。
- 锁定次元素：锁定 Flex 布局中的一个或多个次元素，防止直接拖拽、调整大小或将其移出框架外，同时仍允许使用键盘箭头键更改位置。
- 次元素的键盘导航：在水平布局中使用左右箭头键，或在垂直布局中使用上下箭头键来重新定位锁定或未锁定的元素。
提示
您可以使用对象样式来定义已锁定 Flex 框架内的 Flex 属性。
Flex 布局面板
要访问该面板，请转到窗口 > Flex 布局。 此时将打开 Flex 布局面板。 您现在可以根据需要创建或添加 Flex 布局，或自定义现有布局。 如果没有选择任何内容，则可以使用该面板更改默认设置（适用于关闭“自动检测”功能的情况）。 导航至首选项 > 常规 > 自动检测并应用 Flex 布局设置，以检查自动检测设置。
A. Flex 容器的宽度 B. Flex 容器的高度 C. 换行 D. Flex 布局中对象的方向 E. 垂直间距 F. 水平间距 G. 内边距 H. 对齐 I. Flex 布局中对象的对齐方式
|
宽度和高度 |
Flex 布局容器及其次元素的大小均可以独立控制。对于 Flex 布局容器，宽度和高度可以是：
对于 Flex 布局次元素（包括嵌套的 Flex 布局）：
|
||||||||||||||||||
|
换行 |
开启或关闭容器中的对象换行。 |
||||||||||||||||||
|
方向 
|
选择项目在容器内的排列方式（行、行反向、列、列反向）。 |
||||||||||||||||||
|
间距 |
控制内边距和项目间距。
|
||||||||||||||||||
|
对齐 |
控制项目沿主轴的分布方式。
|
||||||||||||||||||
|
对齐方式 |
跨轴对齐项目：顶部、居中、底部或左、中、右。
|
画布上的内边距和间距控件
Flex 布局提供交互式画布控件，用于调整内边距和间距：
- 关联内边距：同时调整所有四个内边距值。
- 非关联内边距：独立调整每一侧。
- 水平和垂直间距：直接修改项目之间的间距，包括换行的行或列。
画布上的视觉指示器反映当前值，并在 Flex 布局面板中实时更新。
变换和倾斜 Flex 布局帧
现在您可以旋转、镜像、缩放或倾斜 Flex 布局，而不会中断其行为。 变换适用于父级和嵌套的 Flex 帧，在您变换对象时，Flex 布局面板保持活跃状态。 这样您就可以在变换布局时调整对齐、间距、换行和方向，而不会破坏 Flex 结构。
