Flex 布局的核心是「灵活」—— 摆脱传统盒模型的文档流限制，通过「容器控规则、项目调自身」的方式，快速实现各种对齐、缩放、换行需求。先确定主轴 / 交叉轴，再选对应的对齐属性；换行靠flex-wrap，多行交叉轴对齐靠；项目缩放记住flex-grow（富余放大）、（不足缩小）；优先用简写flex: n提升开发效率。从基础的容器属性，到进阶的项目缩放，再到实战场景，Flex 布局几乎能覆盖前端