顯示：表格單元格不居中格

Question

我想將格式居中在一個div內，並使用display：table & display：table-cell方法。它居中，但離頂部幾個像素。我能做些什麼來糾正這個問題？

CSS 

html, body { 
    width: 100%; 
    height: 100%; 
} 

body,html { 
    margin: 0; 
    padding: 0; 
    color:#ffffff; 
    text-align: center; 
} 

#wrapper{ 
text-align: left; 
width: 940px; 
margin: 0 auto; 
margin-top: 22px; 
background-color: #ffffff; 
overflow: hidden; 
} 

header { 
width: 908px; 
height: 76px; 
display: table; 
border-style:solid; 
border-top-width: 16px; 
border-bottom-width: 16px; 
border-top-color: #ffffff; 
background-color: #cccccc; 
} 

#headerdiv { display: table-cell; vertical-align: middle; margin: 0; height: 28px; } 



HTML 

<div id="wrapper"> 

<header> 
<div id="headerdiv"><img src="logotest.gif" height="28" width="180" alt="test"></div> 
</header> 

</div> 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.