display:flex;

display:flex;是CSS中的一个属性，用于设置元素的布局方式为弹性布局（Flexbox）。它可以应用于父容器（即包含弹性子项的容器）来定义子项的排列方式。

弹性布局提供了更灵活和可伸缩的布局方式，可以轻松实现响应式设计和多列布局等特性。通过使用flex属性，可以对子项进行灵活的布局和对齐。

例如，假设我们有以下HTML代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

要将这些子项设置为弹性布局，可以使用如下CSS代码：

.container {
  display: flex;
}

这将使`.container`成为一个弹性容器，其子项会按照默认的主轴方向水平排列，并被平均分配空间。

当然，你还可以通过其他属性和值来进一步控制弹性布局的行为，例如`flex-direction`、`justify-content`、`align-items`等。

希望这能帮助到你！如果你还有其他问题，请随时提问。