用html和css帮我写一个弹性盒子

好的，以下是一个简单的弹性盒子的 HTML 和 CSS 代码示例：

<div class="flex-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box {
  background-color: #ddd;
  width: 200px;
  height: 200px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

这个示例中，我们创建了一个包含三个盒子的弹性容器。`.flex-container` 类设置了 `display: flex`，表示这是一个弹性容器。`.flex-container` 类还设置了 `flex-wrap: wrap` 和 `justify-content: center`，这表示当盒子的宽度超过弹性容器的宽度时，盒子将换行，并且所有盒子将水平居中对齐。

`.box` 类设置了背景颜色、宽度、高度、外边距、文本对齐方式和字体大小。`.box` 类也设置了 `display: flex` 和 `justify-content: center` 和 `align-items: center`，这表示盒子的内容将水平和垂直居中对齐。

你可以根据你的具体需求修改这个示例代码。