Html 垂直居中两个浮动元素，高度未知

我是一名尝试在css/html中执行以下操作的初学者：

我有两个浮动元素，一个在左边，一个在右边。我希望这两个元素在没有定义高度的包装中垂直居中。我只找到了一个解决方案，当包装器具有定义的高度时，但是随着文本内容的动态添加，我的包装器可以具有不同的高度

---

谢谢您的帮助。

您最好使用flex box。在父元素（即div）上，执行以下操作：

display: flex;
flex-direction: column;
justify-content: center;

这将确保无论子元素中有多少项，它们始终垂直对齐。然后可以使用“对齐项目”水平对齐它们：居中

此处显示了一个可视化表示：

---

Paul。

请将演示发布到CodePen好吗？