align-items: stretch 使子元素在交叉轴上拉伸填满区域，适用于统一高度布局；2. align-items: baseline 按文本基线对齐，适合文字内容对齐，容器高度可不同。
在 CSS Grid 布局中，子元素的对齐方式可以通过 align-items 和 justify-items 控制。其中 baseline 和 stretch 是 align-items 的两个常用值，它们在垂直对齐行为上有明显区别。
当设置为 stretch 时，Grid 子元素会在交叉轴（通常是垂直方向）上拉伸，填满整个 Grid 区域的高度（减去外边距）。
说明：使用 baseline 时，Grid 子元素会根据其内部文本的基线（baseline）对齐，常见于文本类内容排版。
说明：假设有一个两行 Grid 容器，包含两个子元素：
立即学习“前端免费学习笔记（深入）”；
使用 stretch 时，两个 div 高度一致并拉满；而使用 baseline 时，它们的文字基线会对齐，但容器高度可能不同。
基本上就这些——stretch 关注容器尺寸填充，baseline 关注内容文本对齐，选择哪个取决于你的设计目标。不复杂但容易忽略细节。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
364
收藏
