垂直居中圖像html

Question

<div class="store_module" id="@store.ID" style=" 
    margin-left: 0px; 
    overflow: hidden; 
    display: block; 
    background-color: #343233; 
    cursor: pointer 
    "> 
<div class="store_image" style=" 
    float: left; 
    overflow: hidden; 
    width: 100px 
"> 
<img src="@store.ImageLogo" style=" 
    display: block; 
    margin: auto; 
"/> 
</div> 
</div> 

爲什麼我不能將標誌圖片垂直居中？這一定很容易，但我真的找不到答案。

Answer 1

給其父display: table;和圖像display: table-cell;和vertical-align: middle;：

.store_image { 
    display: table; 
} 
.store_image img { 
    display: table-cell; 
    vertical-align: middle; 
} 

順便說一句，有很多網站，甚至在問題SO，描述了這個問題。 （Proof）

編輯：

根據this，你可以離開了display:規則。