单行布局
|口口口口 | 布局方式(默认)
| 口口口口| 布局方式
| 口口口口 | 布局方式
|口 口 口 口| 布局方式
| 口 口 口 口 | 布局方式
水平方向上的基线
元素顶部(默认)
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
常见布局示例
上下左右居中