Css 文本垂直居中，容器高度与flexbox相同

我需要使用flexbox进行以下设计。由于编程要求，我无法使用表格或显示：表格

我无法使文本垂直居中并在所有容器中保持相同的高度：

我正在尝试使用以下项目：

align-self:center;

或到容器：

align-items:center;

但我在所有容器中都损失了相同的高度

---

有什么想法吗？

您可以在

上添加
显示：flex
对齐项目：中心
对齐内容：中心
。一个

。小

。中

.item{
显示器：flex；
文本对齐：居中；
}
.1，
小的
.中等{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.一{
调整项目：灵活启动；
}
.一{
宽度：39%；
保证金权利：1%；
背景色：黑色；
颜色：白色；
}
.二{
宽度：29%；
保证金权利：1%；
}
.三{
宽度：40%；
}
.中等{
背景颜色：灰色；
颜色：白色；
利润底部：3倍；
高度：200px；
}
.小{
背景色：#c0b55a；
颜色：白色；
利润底部：3倍；
高度：100px；
}

顶部
居中
居中
居中
居中
居中
居中

检查
我刚刚更新了你错过的第一组。 添加到一个：

.one{
 align-items: center;
  justify-content: center;
  display: flex;
}

---

您可以添加

.one{align items:flex start；}

，也可以这样做