align-items: stretch 自动填充剩余空间，当被撑开时，多个卡片保持高度统一
align-items: stretch; 和 align-self: stretch; 都是 CSS Flexbox 布局中的属性，用于控制项目的对齐方式。它们有一些相似的作用，但应用场景有所不同。
- align-items: stretch;
定义：align-items 属性用于设置在弹性容器（flex container）内，所有项目（flex items）的交叉轴（默认是垂直方向）的对齐方式。
stretch：这个值会使得容器内的所有项目拉伸以填满交叉轴的剩余空间（通常是容器的高度）。如果项目本身没有指定高度，它将自动填充容器的高度。 - align-self: stretch;
定义：align-self 属性是作用于单个项目的，允许你为个别项目覆盖 align-items 的对齐方式。它会指定该项目在交叉轴上的对齐方式。
stretch：当设置为 stretch 时，项目会被拉伸以填满交叉轴的剩余空间，与 align-items: stretch; 相似，但它是只作用于单个项目。
