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

Question

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

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

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

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

Answer 1

我所知道的唯一一种水平和垂直居中的纯 CSS 方法要求事物具有固定的宽度和高度，但鉴于：

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

Answer 2

设置宽度并给出边距：auto;

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

jQuery

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

演示：小提琴

Answer 3

试试这个希望它对你有用

#logo{

位置：绝对；

最高：22%；

宽度：100%；

高度：66px；

文本对齐：居中；}

#导航{

宽度：100%；

文本对齐：居中；

位置：绝对；

最高：40%；

z-index：1；

文字装饰：无；

文本转换：大写；

字体系列：Century Gothic，无衬线；

白颜色;

列表样式类型：无；}