CSS3中display: flex;的作用是什么？

display: flex; 是 CSS3 中用来定义一个弹性容器（flex container）的属性。它的作用是将元素的子元素组织成一个弹性盒模型，从而实现灵活的布局效果。

使用 display: flex; 后，父元素就会变成一个容器，它的子元素可以通过设置不同的 flex 属性来指定它们在容器中的排列方式。通过设置这些 flex 属性，我们可以轻松实现水平居中、垂直居中、等高布局、自适应布局等效果。

具体来说，display: flex; 的作用包括：
1. 创建一个弹性容器，将其子元素作为弹性项目进行布局。
2. 设置容器内子元素的默认排列方向为水平（横向）排列。
3. 子元素可通过 flex 属性调整其在容器中的布局位置、尺寸等。
4. 实现弹性布局，自动调整子元素的位置和尺寸以适应不同屏幕尺寸和设备。

总之，display: flex; 提供了一种更加灵活和强大的布局方式，使得网页开发者能够更方便地实现各种复杂的布局效果。