垂直對齊和水平對齊

Question

我想對齊箱VxH中心，但我似乎得到它只是有點過：

HTML：

<div id="wrapper"> 
     <header> 
      <div id="logoWrapper"> 
       <div class="logo">Logo Here </div><!-- Logo End --> 
      </div><!-- Logo Wrapper --> 
    </header> 
</div><!-- Wrapper End --> 

CSS：

![#wrapper{ 
    width:955px; 
    margin:auto; 
} 

html body{ 
    background:#F1FF29; 
} 

#logoWrapper{ 
    width:429px; 
    height:179px; 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-100px; 
    margin-top:-50px; 
} 
.logo{ 
    display:block; 
    background:red; 
    width:429px; 
    height:179px; 
}] 

圖片：http://i.stack.imgur.com/rZ2ng.png

Answer 1

更改頁邊距#logoWrapper這些值：

margin-left:-215px; 
margin-top:-85px; 

他們需要的是您的標誌的寬度和高度的一半。

jsfiddle

編輯：

另外，我建議你把這些 '復位' 樣式：

html, body{ 
    background:#F1FF29; 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}