单行布局

|口口口口      | 布局方式(默认)

|      口口口口| 布局方式

|   口口口口   | 布局方式

|口  口  口  口| 布局方式

| 口 口 口 口 | 布局方式

水平方向上的基线

元素顶部(默认)

A
B
C
D

元素中部

A
B
C
D

元素底部

A
B
C
D

文字baseline

A
B
C
D

拉伸,只有在子元素的不设高的情况下使用

A
B
C
D


多行布局

置顶

A
B
C
D
E
F
G
H
I
J

居中

A
B
C
D
E
F
G
H
I
J

置底

A
B
C
D
E
F
G
H
I
J

between

A
B
C
D
E
F
G
H
I
J

around

A
B
C
D
E
F
G
H
I
J

拉伸,同样子元素不要设置高度

A
B
C
D
E
F
G
H
I
J


常见布局示例

上下左右居中