Javascript 想要垂直居中的内容 我想把“主”内容垂直地放在页面中间，但不管我做什么，我都不知道它为什么不起作用。

身体{
高度：100vh；
背景：线性渐变（rgba（0,0,0,0.5），rgba（0,0,0,0.5）），url（img链接）背景大小：封面；
背景位置：中心；
}
.brandFont{
字体系列：“statliches”，草书；
字号：2rem；
}
此处文本
此处文本
这里有更长的文字

我也尝试过使用flexbox

是的，您可以使用以下方法在CSS Flexbox中实现垂直居中：

• flex-direction:column

• justify content:center

---

工作示例：

main{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
高度：100vh；
}

此处文本
这里有更长的文字

对HTML进行了一些更改：

完整工作代码：

*{
保证金：0；
填充：0；
框大小：边框框；
}
.英雄包装{
最小高度：100vh；
背景：线性渐变（向右，rgba（0,0,0,0.7），rgba（0,0,0,0.6）），url(https://picsum.photos/id/1/367/267)中上；
背景尺寸：封面；
位置：相对位置；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
}
.集装箱{
颜色：#fff；
文本对齐：居中；
}
navbar先生{
位置：绝对位置；
左：0；
排名：0；
右：0；
背景：黄色；
填充：0.5雷姆；
不透明度：0.5；
颜色：红色；
}

此处文本
此处文本
这里有更长的文字
这个世界上的人都是旅行者

这是否回答了您的问题？非常感谢。它的工作方式，但我想有网页vh也与导航栏。当有人加载页面时，用户应该看到导航栏和文本。有了你给我的代码，我仍然可以向下滚动，看不到导航栏，这是不应该的。不知道你是否明白我的意思。好的。我的朋友，你能和我分享一下你最后的作品吗。我会帮你修好的……：）一旦我有空。。。这是一个承诺：）只需分享图像。。我不知道全部情况。。。这里是照片的链接。我在上面加了一些评论，这样你就可以更好地理解在没有卷轴的情况下，全高的，是的，诸如此类的东西，谢谢。它的工作方式，但我想有网页vh也与导航栏。当有人加载页面时，用户应该看到导航栏和文本。有了你给我的代码，我仍然可以向下滚动，看不到导航栏，这是不应该的。不知道你是否明白我的意思，我给你的代码说明了如何使用CSS FrasBox在元素中间垂直对齐内容。这是您将自己的实现组合在一起所需的工具。