标签: 布局

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

本文总结了CSS的多个细节知识点。包括：`white-space`换行控制，`break-word`和`overflow-wrap`，`font-variant-numeric`控制数字等宽，`mix-blend-mode`混合模式，BFC（块级格式化上下文）的触发条件及作用，以及`@layer`规则，`:first-child`和`:first-of-type`的区别，和tailwindcss兼容性问题。