以绝对定位为中心的div

Question

我知道这可能已被问过一百万次，但我如何将一个具有绝对定位的div居中。

我试过这个并没有让它居中。

您可以查看网站here密码：springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; }

Answer 1

中心div很容易让你知道Div的宽度和高度。 假设你的div有100宽度和100高度

div {
    position:absolute;
    left:50%;
    top;50%;
    margin-left:-50px;
    margin-top:-50px;
}

如果你不确定维度，那么你可能会选择jquery方法。

Answer 2

您需要使用negative margins - margin-left:-121px。这将使徽标居中。之后，您需要正确定位导航...

Answer 3

您可以将％值设置为50％的一半，即：左：25％或右：25％;提供包装器是元素宽度的两倍。

Test Here..