dikey olarak orta Resimdeki görüntü [Yukarıdan aşağıya doğru daha fazla alan var]

Question

Görüldüğü gibi Here is the fiddle görüntünün dikey olarak hizalanması doğru değil. Alt sınırlar arasında daha fazla boşluk var. Ben bir sorum okumaz

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

Answer 1

kullanıyorum ama bunu çözmek istiyorum düşünüyorum. Bunu deneyin:

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

Answer 2

Resime display: block; margin: auto; ekleyin. https://jsfiddle.net/Lxf818d7/

(eğer olsa satır içi gerekiyorsa emin değil;. Daha fazla araştırmak gerekir) Niza cevap gibi

Answer 3

bu

.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