display: flex;

`display: flex;`是CSS中的一个属性，用于创建一个弹性盒子容器。弹性盒子容器可以通过设置`flex-direction`、`justify-content`、`align-items`和`align-content`等属性来控制其内部元素的排列方式和对齐方式。以下是一个简单的例子：

.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 200px;
}

.item {
  width: 50px;
  height: 50px;
  background-color: red;
  margin: 10px;
}

在上面的例子中，我们创建了一个名为`.container`的弹性盒子容器，并设置了`display: flex;`属性。我们还设置了`flex-direction: row;`属性，表示内部元素沿着水平方向排列。`justify-content: center;`属性表示内部元素在水平方向上居中对齐，`align-items: center;`属性表示内部元素在垂直方向上居中对齐。最后，我们创建了一个名为`.item`的元素，并设置了一些基本样式。

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

在上面的例子中，我们将三个`.item`元素放入`.container`容器中。由于`.container`容器设置了`display: flex;`属性，因此`.item`元素将按照我们设置的排列和对齐方式进行布局。