## **5. align-items属性**
align-items属性定义项目在交叉轴上如何对齐。
`.box{align-items:flex-start|flex-end|center|baseline|stretch;}`
![](https://img.kancloud.cn/b9/a4/b9a4d0ca1c73cf53a69e43fc38a07692.svg)
它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。
* flex-start:交叉轴的起点对齐。
* flex-end:交叉轴的终点对齐。
* center:交叉轴的中点对齐。
* baseline: 项目的第一行文字的基线对齐。
* stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。