Html 导航栏中的Flexbox:Can'；t垂直对齐项目

我对html和css非常陌生，所以这是我第一次尝试制作导航栏，导航栏中的项目会粘在页面顶部，请告诉我哪里出了问题

---

您可能看到的不是

对齐内容

，而是

对齐项目

，这取决于您试图实现的目标。我想你想把这些东西放在中心

因此，您的

.flex content

类可以如下所示：

.flex-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 5rem; //set height here instead of header
}

---

希望有帮助。

您可能会看到的是

对齐项目，而不是
对齐内容
，这取决于您试图实现的目标。我想你想把这些东西放在中心

因此，您的
.flex content
类可以如下所示：

.flex-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 5rem; //set height here instead of header
}

希望有帮助。
您发布的信息太少，无法获得可靠的答案，但无论如何：要使flex项垂直堆叠，您必须添加
flex direction:列到flex容器。
您发布的信息太少，无法获得可靠的答案，但无论如何：要使flex项目垂直堆叠，您必须添加
flex direction:列到flex容器。
非常感谢，我只为标题的flex内容指定了高度，它工作了！很高兴听到这个消息。祝你好运。非常感谢你，我只为标题的flex内容指定了高度，效果很好！很高兴听到这个消息。祝你好运