display: flex1

"flex1" 是一个常用的 CSS 属性，用于在使用 Flexbox 布局时指定一个元素的弹性伸展比例。它可以应用于父容器或子元素上。

当应用于父容器时，`display: flex` 用于创建一个 Flexbox 容器，并使其子元素能够灵活地调整大小。而 `flex1` 则是设置子元素的 `flex-grow` 属性为 1，表示该子元素将在可用空间中按比例分配剩余空间。

下面是一个示例：

<style>
  .container {
    display: flex;
  }
  
  .item {
    flex: 1;
  }
</style>

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

在上述示例中，父容器使用 `display: flex` 创建了一个 Flexbox 容器，三个子元素都应用了 `flex1` 类。这意味着这三个子元素将平均分配容器的可用空间，比如如果父容器的宽度是 300px，那么每个子元素的宽度就是 100px。

希望这个解答对你有帮助！如果你还有其他问题，请随时提问。