弹性容器----六大属性(5、项目在交叉轴上的对齐方式)
align-items属性定义项目在交叉轴(纵轴|侧轴)上如何对齐。 语法:
.box { align-items: flex-start | flex-end | center | baseline | stretch; }
它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。
-
flex-start:交叉轴的起点对齐。
-
flex-end:交叉轴的终点对齐。
-
center:交叉轴的中点对齐。
-
baseline: 项目的第一行文字的基线对齐。