display：flex 含义

`display: flex;` 是CSS3中引入的一个新的布局模式，它用于创建弹性盒模型，即Flexbox布局。这个属性设置了一个元素作为flex容器，允许其内的子元素在单行或多行下自动调整大小和位置，以适应内容和容器的尺寸变化。通过设置`display: flex;`，你可以轻松地实现诸如响应式设计、空间分配优化等功能，使得页面布局更为灵活和易维护。

一些关键的属性包括：

1. `flex-direction`: 定义了主轴的方向，如`row`（默认，从左到右）或`column`（从上到下）。
2. `justify-content`: 控制子元素在主轴方向上的对齐方式。
3. `align-items`: 决定侧轴（垂直方向）上的对齐方式。
4. `flex-wrap`: 是否允许换行。