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 布局容器的顶部居中位置，并将行中的项目对齐到该行的顶部居中位置。
	居中：将行对齐到 Flex 布局容器的中心，并将行中的项目对齐到该行的中心。
	底部居中：将行对齐到 Flex 布局容器的底部中心，并将行中的项目对齐到该行的底部中心。
	右上：将行对齐到 Flex 布局容器的右上角，并将行中的项目对齐到该行的右上角。
	靠右居中：将行对齐到 Flex 布局容器的靠右居中位置，并将行中的项目对齐到该行的靠右居中位置。
	右下：将行对齐到 Flex 布局容器的右下角，并将行中的项目对齐到该行的右下角。