如何为所有屏幕分辨率居中一个垂直菜单？

Question

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

我已经尝试了一切。要么它太远，要么太远，要么在屏幕分辨率高度越长时上下移动。

菜单问题：http://www.differentregard.com/home.php

CSS代码：http://www.differentregard.com/css/homebg.css

Answer 1

唯一的纯CSS方式是水平和垂直居中的东西，我知道要求东西具有固定的宽度和高度，但是给出了：

• 绝对定位，并将left和top设置为50%。
• 将左边距分别设置为宽度和高度的负半边。 （如果使用边框或填充，则必须通过在减半之前将它们添加到宽度/高度来解释这一点）

Answer 2

设置宽度并给予margin：auto;

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

jquery的

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

演示：fiddle

Answer 3

试试这个希望它适合你

#logo{

位置：绝对;

top：22％;

宽度：100％;

身高：66px;

文本对齐：中心; }

#nav {

宽度：100％;

文本对齐：中心;

位置：绝对;

top：40％;

z-index：1;

text-decoration：none;

text-transform：uppercase;

font-family：Century Gothic，sans-serif;

颜色：白色;

list-style-type：none;}