垂直對齊圖像中心

Question

我對CSS很新。我最近創建了我的網站的自定義首頁，但圖像不對齊到中間（垂直）

我知道它應該是非常小的變化，但無法弄清楚如何使這項工作。請看我的主頁並建議我應該改變什麼。

我這裏-www.dealschintu.com

首頁我已經嘗試過：

嘗試添加標籤

vertical-align: middle; 
height: auto; 
width: auto; 

Answer 1

有垂直居中的CSS元素多種方式。一個快速的一個可以工作（取決於您的文檔是如何建立起來的）是下面的CSS代碼片段：

position: relative; 
top: 50%; 
-webkit-transform: translateY(-50%); 
-ms-transform: translateY(-50%); 
transform: translateY(-50%); 

您也可以嘗試加入display: table; 父元素，並

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

要圖像元素。