🗒️CSS 文档
type
status
date
slug
summary
tags
category
icon
password
align-items 是 CSS 中用于控制 flex 容器内的项目在交叉轴上的对齐方式的属性。在使用 Flexbox 布局时，容器内的项目沿主轴（默认水平方向）排列。而交叉轴则是与主轴垂直的轴线。
align-items 属性决定了项目在交叉轴上的对齐方式。align-items 属性可以接受以下值：flex-start: 项目向交叉轴的起始位置对齐。
flex-end: 项目向交叉轴的结束位置对齐。
center: 项目在交叉轴上居中对齐。
baseline: 项目在交叉轴上以其基线对齐。
stretch: 默认值。项目被拉伸以适应容器。
例如，在以下示例中：
这个
.container 类表示一个 Flexbox 容器，align-items: center; 意味着容器内的项目将在交叉轴上居中对齐。