uni-app 元素在交叉轴（竖直方向）的对齐方式

默认情况下，容器中的元素是拉伸的状态。

也就是说，容器中声明的view元素在不添加高度的情况下会和容器的高度保持一致。

默认

align-items:stretch；

所有元素和容器等高

 

当容器中声明的元素高度不一致的时候，就要声明元素在交叉轴上的对齐方式了

 

1.flex-start

表示元素向上或者向左对齐。

 

2.flex-end

表示元素向下或者向右对齐

 

3.center

垂直居中对齐

 

4.baseline

当元素的字体大小不一致的时候，使用baseline可以让文字的基准线对齐，也就是文字的底线对齐