#鸿蒙通关秘籍#在 HarmonyOS 中如何为容器组件 Column 设置子组件的对齐方式？

使用 Column 中的 alignItems 属性，可以设置子组件在水平方向上的对齐方式。以下是一个代码示例展示了不同的对齐方式：

Column(){
  Column({space: 10}){
    Text('111').backgroundColor(Color.Red)
    Text('222').backgroundColor(Color.Blue)
    Text('333').backgroundColor(Color.Green)
  }
  .width('100%')
  .alignItems(HorizontalAlign.Start)
  
  Column({space: 10}){
    Text('111').backgroundColor(Color.Red)
    Text('222').backgroundColor(Color.Blue)
    Text('333').backgroundColor(Color.Green)
  }
  .width('100%')
  .alignItems(HorizontalAlign.Center)
  
  Column({space: 10}){
    Text('111').backgroundColor(Color.Red)
    Text('222').backgroundColor(Color.Blue)
    Text('333').backgroundColor(Color.Green)
  }
  .width('100%')
  .alignItems(HorizontalAlign.End)
}

通过 HorizontalAlign.Start、HorizontalAlign.Center 和 HorizontalAlign.End 可以分别实现起始对齐、居中对齐和尾部对齐。