Css 如何使用不同的标题长度使标题垂直居中对齐？

我想用垂直对齐中心制作如下图像：

---

我如何实现它？

只需向容器类添加

display:flex

，如下所示：

.container {
    width: 320px;
    display:flex;
}

---

首先，我建议花点时间学习CSS框模型：

这是CSS的基本部分，对您的查询很重要。例如，上图中的文本导致背景为深灰色的框展开。使用CSS框模型可以确保不会发生这种情况。有多种方法可以实现这一点，但其中一个示例是对所讨论的元素使用固定高度（以px为单位）

文本的垂直对齐可以通过

Vertical align

属性使用

middle

值来实现。您可以在W3C的网站上了解有关

垂直对齐

属性的更多信息，以及如何使用该属性：

---

如果您需要更多帮助，请发布一些代码示例，说明您用于创建上述内容的代码

您应该提供一些代码来显示您当前的解决方案…共享您的代码…基本上，您不能。对于不共享父元素的元素，没有支持良好的CSS机制可以平衡其高度。在更好地支持CSS网格之前，您将需要javascript。