弹性布局

在 Flexbox 模型中，有三个核心概念：

• flex 项（注：也称 flex 子元素），需要布局的元素
• flex 容器，其包含 flex 项
• 排列方向（direction），这决定了 flex 项的布局方向

容器属性

• display:flex ——设置容器为弹性布局
• 常用属性

项目属性

弹性布局默认不改变项目的宽度，但是它默认改变项目的高度。如果项目没有显式指定高度，就将占据容器的所有高度。