标签: 基线对齐

本文深入解析了CSS垂直对齐属性`vertical-align`，包括其本质、取值体系、基线原理及常见问题（如图片底部间隙）。探讨了`line-height`的继承与使用，并提供了多种垂直居中方案及现代布局替代方案。最后，给出了实践技巧和设计系统视角下的垂直对齐建议。

本文探讨了CSS属性`vertical-align`和`line-height`。`vertical-align`用于设置行内、行内块和表格单元格的垂直对齐方式，默认值为`baseline`。`line-height`定义行高，推荐使用纯数字值，以便随字体大小缩放。结合两者可实现单行文本垂直居中。