默认情况下,容器中的元素是拉伸的状态。
也就是说,容器中声明的view元素在不添加高度的情况下会和容器的高度保持一致。
默认
align-items:stretch;
所有元素和容器等高
当容器中声明的元素高度不一致的时候,就要声明元素在交叉轴上的对齐方式了
1.flex-start
表示元素向上或者向左对齐。
2.flex-end
表示元素向下或者向右对齐
3.center
垂直居中对齐
4.baseline
当元素的字体大小不一致的时候,使用baseline可以让文字的基准线对齐,也就是文字的底线对齐