基本介绍

排版容器是应用Flex布局的概念，首先简单地介绍Flex布局：

在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，水平主轴可以理解为水平方向，交叉轴可理解为垂直方向。

在工具中，相对定位容器就是应用了flex布局，不难发现，相对定位容器中有几个属性：排列方法、左右分布、上下分布。

排列方法是影响对象在相对定位容器中的排列方向，比较常应用的是由上到下、由左到右（不换行）以及由左到右（换行）。

而左右分布和上下分布的属性，即相对定位容器内的对象在左右、上下方向的分布方式。

分布方式依次为：置顶，置底，居中，均分（靠边）、均分（不靠边）。

以上五种对齐方式可以简单地理解为：

置顶：上下或者左右方向分布，置于相对定位容器的顶部位置

置底：上下或者左右方向分布，置于相对定位容器的底部位置

居中：居中

均分（靠边）：两端对齐，对象之间的间隔都相等

均分（不靠边）：每个对象两侧的间隔相等

如图，改变相对定位容器的排列方法为左右分布，并依次将左右分布、上下分布的属性改变为居中。可以明显地看到相对定位容器内的对象分布在中间。

相对定位容器内的对象有自身伸缩和副轴对齐两个属性。

自动伸缩的属性是对象占据相对定位容器内的空间的控制属性。默认是无，则按照对象的宽高占据相对定位容器的空间；若设置为自动伸缩，则该对象在上下、左右方向上根据相对定位容器的剩余空间进行伸缩。

副轴对齐：设置以后可覆盖父对象的副轴对齐方式。如图，将图5的副轴对齐设置为靠后，则该对象在上下方向上对齐至最底边。