イメージは中芯ではありません

Question

私のイメージは一番上にとどまります。コード使用：

#header_div{ 
min-height:200px; 
} 

#header_div img{ 
display:block; 
vertical-align:middle; 
padding:5px 10px; 
} 

<div id="header_div"> 
    <a href="#"> 
     <img width="250" height="75" src="./images/header_logo.png" /> 
    </a> 
</div> 

をサイドノートでは、私は/>でイメージタグを閉じる必要がありますか？

Answer 1

垂直整列はそれほど機能しません。イメージを親のdivまたはアンカーに背景イメージとして適用し、background-position：center centerを使用することができます。

アンカーのインラインコンテンツが垂直にセンタリングされるようにするには、要素の行の高さをpxで必要な合計高さに設定します。

Answer 2

#header_div 
{ 
min-height:200px; 
display: table-cell; 
vertical-align:middle; 
} 

あなたは、もはや垂直整列を必要としないでしょう。真ん中。または表示：ブロック。あなたはおそらくトップ/ボトムのパディングも削除することができます。ボックス内の画像を中心に

Answer 3

良い書き込みアップ：

http://www.brunildo.org/test/img_center.html