display：flex意思

display:flex是CSS中的一个属性，它用于创建一个弹性盒子布局。通过设置display:flex，可以将一个元素的子元素排列为一行或一列，并且可以根据需要自动调整子元素的大小和位置。

下面是一个使用display:flex的例子：

HTML代码：

<div class="flex-container">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
</div>

CSS代码：

.flex-container {
  display: flex;
}

.flex-item {
  flex: 1;
  border: 1px solid black;
  padding: 10px;
}

上述代码中，我们创建了一个包含两个子元素的容器，并将容器的display属性设置为flex。这样，子元素会水平排列在一行上。