垂直对齐图像中心

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; 

要图像元素。