Flex 布局是沿主轴组织项目的一维 CSS 布局机制，适合工具栏及横向或纵向排列的界面。
轴与对齐
主轴方向由 flex-direction 决定，交叉轴与其垂直。justify-content 用于主轴空间分配，align-items 控制项目在交叉轴上的对齐。需要居中时，应先确认容器方向及其可分配空间。
换行与溢出
Flex 即使换行，各行也不会自动共享同一套列轨道。需要跨行共享列对齐时，可考虑二维布局。
Flex 项目的默认最小尺寸可能让长文本撑开容器；遇到溢出，检查 min-width、内容换行和滚动容器，而不是只增加外层宽度。
参考：Flex 官方基础指南。