参考答案
结论：Flex布局是CSS3引入的弹性盒模型，专为一维布局设计，能高效实现元素对齐、分布与自适应。核心要点：1. 使用：父容器设display:flex成为flex container，子元素为flex item；2. 轴线：存在主轴（默认水平）与交叉轴，通过flex-direction改变方向；3. 容器属性：justify-content控制主轴对齐（如center、space-between），align-items控制交叉轴对齐；4. 优势：对比传统float或inline-block，无需清除浮动，天然支持动态伸缩与居中；5. 示例：.box{display:flex; justify-content:center; align-items:center;} 即可实现子项绝对居中。常用于导航栏、卡片列表。