display: flex弹性布局

`display: flex` 是CSS中用于创建弹性布局的属性。它可以应用于父元素，将其子元素转换为一个弹性容器，从而使子元素能够根据需要自动调整其大小和位置。

使用 `display: flex` 可以实现以下布局特性：

1. 主轴和交叉轴：flex布局有一个主轴和一个交叉轴。默认情况下，主轴是水平方向，交叉轴是垂直方向。
2. 弹性容器和弹性项目：父元素被称为弹性容器，子元素被称为弹性项目。
3. 主轴对齐方式：可以通过设置 `justify-content` 属性来控制弹性项目在主轴上的对齐方式，例如居中、起点对齐、终点对齐等。
4. 交叉轴对齐方式：可以通过设置 `align-items` 属性来控制弹性项目在交叉轴上的对齐方式，例如居中、起点对齐、终点对齐等。
5. 弹性项目顺序：可以通过设置 `order` 属性来改变弹性项目的显示顺序。
6. 弹性项目的放大和缩小：可以通过设置 `flex-grow` 和 `flex-shrink` 属性来控制弹性项目的放大和缩小比例。
7. 弹性项目的空间分配：可以通过设置 `flex-basis` 属性来控制弹性项目在主轴上的初始大小。

希望以上解释对你有帮助，如果你有任何问题，请随时提问！