写一个弹性盒子模型

好的，以下是一个简单的弹性盒子模型：

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

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.item {
  flex: 1;
  height: 100px;
  margin: 10px;
}

.item-1 {
  background-color: red;
}

.item-2 {
  background-color: blue;
}

.item-3 {
  background-color: green;
}

这个例子中，我们创建了一个容器 `container`，设置它为弹性盒子布局，并将其高度设置为视口高度。然后我们创建了三个项目 `item`，并将它们放在容器中。

我们使用 `flex: 1` 来设置每个项目的伸缩性，这意味着它们将平均分配可用空间。我们还设置了项目的高度和外边距，以便它们更好地呈现。

最后，我们使用不同的背景颜色来区分每个项目，并使用 `justify-content` 和 `align-items` 属性将项目水平和垂直居中。