什么是 Flexbox

Flexbox（弹性盒子布局）是 CSS3 中的一种布局方式，它提供了一种更有效的方式来排列、分布和对齐容器中的项目，即使它们的大小未知或是动态变化的。

基本概念

Flex 容器和 Flex 项目

• Flex 容器（Flex Container）：设置了 display: flex 或 display: inline-flex 的元素
• Flex 项目（Flex Items）：Flex 容器的直接子元素