CSS Flex布局
Flexbox（弹性盒布局）是CSS3引入的一种布局模式，旨在更高效地在一维空间内排列元素。其核心概念是主轴（main axis）和交叉轴（cross axis）。通过在容器上设置display: flex，可以启用Flex上下文，并使用justify-content控制主轴对齐，align-items控制交叉轴对齐，flex-wrap控制换行。子项可以通过flex属性分配剩余空间，实现自适应布局。Flex布局让居中、等高列、动态宽度等常见需求变得简单直观，是响应式设计的利器。