Html 如何将所有屏幕分辨率的垂直菜单居中？

有人知道如何将所有屏幕分辨率的垂直下拉菜单居中吗？

我已经尝试了一切。要么太左，要么太右，要么屏幕分辨率越高上下移动

菜单问题：

---

CSS代码：

据我所知，将物体水平和垂直居中的唯一纯CSS方法要求物体具有固定的宽度和高度，但考虑到：

• 绝对定位，并将

  左侧

  和

  顶部

  设置为

  50%

• 将左边距分别设置为宽度和高度的负一半。（如果使用边框或填充，则必须在减半之前将其添加到宽度/高度）

---

设置宽度和给定边距：自动

example{
width: 150px;
margin: auto;
}

jquery

var a = $(window).height() / 2;
var s = $("#di").height() / 2;
$("#di").css("margin-top", a - s)

---

演示：

试试这个，希望它对你有用

#logo{

位置：绝对位置

最高：22%

宽度：100%

高度：66px

文本对齐：居中； }

#导航{

宽度：100%

文本对齐：居中

位置：绝对位置

最高：40%

z指数：1

文字装饰：无

文本转换：大写

字体系列：世纪哥特式，无衬线

颜色：白色

---

列表样式类型：none；}

使其水平居中，但不垂直居中。此外，您可能还需要确保在“调整窗口大小”时更改页边距。是的，最初加载时它垂直居中，但有时人们在加载页面后调整浏览器窗口的大小，因此，您还需要在调整大小时设置

页边距顶部

。谢谢icktoofay。我不明白左边的边距。是这样吗#nav{位置：绝对；宽度：280px；顶部：50%；左侧：50%；z-索引：1；文本装饰：无；文本转换：大写；字体系列：世纪哥特式，无衬线；颜色：#fff；列表样式类型：无；}我唯一的填充是下一行：#nav.main{填充底部：20px；显示：block；}@80sBaby：绝对位置正确，但你没有任何利润。