交叉軸

1. 垂直于主軸方向的軸線。Row容器交叉軸為縱向，Column容器交叉軸為橫向。
2. 通過alignItems屬性設(shè)置子元素在交叉軸（排列方向的垂直方向）上的對(duì)齊方式
3. alignSelf屬性用于控制單個(gè)子元素在容器交叉軸上的對(duì)齊方式，其優(yōu)先級(jí)高于alignItems屬性，如果設(shè)置了alignSelf屬性，則在單個(gè)子元素上會(huì)覆蓋alignItems屬性
4. 開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

Column容器內(nèi)子元素在水平方向上的排列

typescript
復(fù)制代碼
Column() {
...
}.alignItems(HorizontalAlign.Start)

1. HorizontalAlign.Start：子元素在水平方向左對(duì)齊
2. HorizontalAlign.Center：子元素在水平方向居中對(duì)齊
3. HorizontalAlign.End：子元素在水平方向右對(duì)齊。

Row容器內(nèi)子元素在垂直方向上的排列

typescript
復(fù)制代碼
Row() {
...
}.alignItems(VerticalAlign.Top)

1. VerticalAlign.Top：子元素在垂直方向頂部對(duì)齊
2. VerticalAlign.Center：子元素在垂直方向居中對(duì)齊
3. VerticalAlign.Bottom：子元素在垂直方向底部對(duì)齊

層疊布局（Stack）

1. 層疊布局主要用于實(shí)現(xiàn)基于Z軸的布局，容器中的子元素（子組件）依次入棧，后一個(gè)子元素覆蓋前一個(gè)子元素，子元素可以疊加，也可以通過zIndex設(shè)置位置
2. 可以通過[alignContent參數(shù)]實(shí)現(xiàn)位置的相對(duì)移動(dòng)

typescript
復(fù)制代碼
Stack({ alignContent: Alignment.BottomStart })

`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

彈性布局（Flex）

1. Row和Column容器只支持單方向的布局。你可以把Flex理解為它倆的升級(jí)版，能更靈活的控制布局方向和子元素布局。
2. 可以設(shè)置布局方向，是否自動(dòng)換行等

審核編輯 黃宇