以绝对定位为中心的div

Coo*_* Yo 4 html css center css-position

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

我试过这个并没有把它放在中心位置.

您可以在这里查看网站密码:springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; }
Run Code Online (Sandbox Code Playgroud)

小智 8

以div为中心非常容易知道Div的宽度和高度.假设你的div有100宽度和100高度

div {
    position:absolute;
    left:50%;
    top;50%;
    margin-left:-50px;
    margin-top:-50px;
}
Run Code Online (Sandbox Code Playgroud)

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


xan*_*ded 5

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