垂直对齐图像居中

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;

到图像元素。