Flexbox 是一种一维布局模型，专注于在行或列中分配空间。它通过容器（flex container）和项目（flex items）的交互实现灵活布局。容器默认沿主轴（main axis）排列项目，交叉轴（cross axis）垂直于主轴。将元素定义为 flex 容器，其子元素自动成为 flex 项目。内联 flex 容器使用。设置项目初始尺寸，可接受像素值或百分比。设置，允许单个项目自定义交叉