如何使标题垂直对齐中心具有不同的标题长度？

Question

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

我如何实现它？

Answer 1

首先，我建议花些时间学习CSS盒子模型：https://www.w3.org/TR/CSS2/box.html。

这是CSS的基本部分，对您的查询很重要。例如，上图中的文字导致具有深灰色背景的框展开。使用CSS盒模型可以确保不会发生这种情况。有多种方法可以实现这一点，但一个例子是在px中使用固定高度来表示相关元素。

可以使用值vertical-align通过middle属性实现文本的垂直对齐。您可以在W3C的网站上了解有关vertical-align属性以及如何使用它的更多信息：https://www.w3schools.com/cssref/pr_pos_vertical-align.asp

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