垂直中間画像div内の画像[上部よりも下部にスペースがあります]

Question

ご覧のとおり、Here is the fiddle画像が縦に正しく整列していません。下部の境界の間には、上部よりも多くのスペースがあります。 私は質問を読んでいない

display: table-cell; 
vertical-align: middle; 
text-align: center; 

Answer 1

を使用していますが、私はあなたがそれを解決したいと思います。これを試してください：

.myimage { 
    border: 1px solid black; 
    vertical-align: middle; 
} 

Answer 2

display: block; margin: auto;を画像に追加してください。 https://jsfiddle.net/Lxf818d7/

（あなたががインラインそれを必要とするかどうかわからない;。さらに調査する必要があります）ニサが答えのように

Answer 3

この

.mydiv { 
    width: 300px; 
    height:auto; 
    border: 1px solid red; 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
    padding:5px 0px; 
} 

.myimage { 
    border: 1px solid black; 
    vertical-align: middle; 
} 

working JsFiddle