🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **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,将占满整个容器的高度。