# Column
> **说明：**
>该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
沿垂直方向布局的容器。
## 权限列表
无
## 子组件
可以包含子组件。
## 接口
Column\(value:\{space?: Length\}\)
- 参数
参数名
|
参数类型
|
必填
|
默认值
|
参数描述
|
|---|
space
|
Length
|
否
|
0
|
纵向布局元素间距。
|
## 属性
- HorizontalAlign枚举说明
名称
|
描述
|
|---|
Start
|
按照语言方向起始端对齐。
|
Center
|
居中对齐，默认对齐方式。
|
End
|
按照语言方向末端对齐。
|
## 示例
```
@Entry
@Component
struct ColumnExample {
build() {
Column({ space: 5 }) {
Text('space').fontSize(9).fontColor(0xCCCCCC).width('90%')
Column({ space: 5 }) {
Column().width('100%').height(50).backgroundColor(0xAFEEEE)
Column().width('100%').height(50).backgroundColor(0x00FFFF)
}.width('90%').height(107).border({ width: 1 })
Text('alignItems(Start)').fontSize(9).fontColor(0xCCCCCC).width('90%')
Column() {
Column().width('50%').height(50).backgroundColor(0xAFEEEE)
Column().width('50%').height(50).backgroundColor(0x00FFFF)
}.alignItems(HorizontalAlign.Start).width('90%').border({ width: 1 })
Text('alignItems(End)').fontSize(9).fontColor(0xCCCCCC).width('90%')
Column() {
Column().width('50%').height(50).backgroundColor(0xAFEEEE)
Column().width('50%').height(50).backgroundColor(0x00FFFF)
}.alignItems(HorizontalAlign.End).width('90%').border({ width: 1 })
}.width('100%').padding({ top: 5 })
}
}
```
