디스플레이 : 표 셀이 div를 가운데 맞춤으로 맞추지 않습니다.

Question

div 내에서 이미지의 가운데 놓기를 시도하고 있습니다. 표 : & 표시 : 표 셀 방식입니다. 중앙에 위치하지만 위쪽에서 몇 픽셀 떨어져 있습니다. 이 문제를 해결하려면 어떻게해야합니까?

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.