# 分栏布局

# 概念说明

提供横向纵向栏目布局，且可支持不同的布局位置。

组件通用属性请参见组件通用说明。

布局模式：
- 内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素，则该元素将会换行。
- 弹性布局：在弹性布局模式中，子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免溢出父元素。
主轴方向：
- 横向：内部子元素进行横向排布，建议内部子元素使用行内布局。
- 纵向：内部子元素进行纵向排布，建议内部子元素使用块级布局。
横轴对齐：
- 主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。
- 主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。
纵轴对齐：
- 主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。
- 主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。
内容间隙：布局内各个组件之间的间隔，通常有收缩、无、小、正常、大，默认为无。

主轴方向、横轴对齐、纵轴对齐、内容间隙仅在弹性布局模式下支持编辑。

分栏布局、布局栏组件支持事件列表如下：

样式说明请参见组件通用说明。