Flex（弹性布局）是CSS3推出的一维布局模型，专门用来解决元素的排列、对齐和空间分配问题。它的核心思想很简单：1、给父元素设置display: flex ，它就变成了一个Flex容器2、容器里的直接子元素自动成为Flex项目3、容器可以控制项目的排列方向、对齐方式，项目也能自己决定如何放大或缩小和传统布局相比，Flex最大的优势就是灵活、直观、代码少，特别适合做导航栏、卡片流、居中对齐这类常见