垂直对齐图像内的图像

Question

我知道这已被问了很多次，但我找不到适合我的答案。这是为几个网页，因此图像不是所有大小相同。我已经尝试了垂直对齐，表格单元格，行高和其他所有提到的内容。

HTML：http://www.joekellywebdesign.com/UpdatedSite/services.html

<div id="contentright"> 
      <img src="images/internet.jpg"> 
    </div> <!-- end of contentright div --> 

CSS：http://www.joekellywebdesign.com/UpdatedSite/css/styles.css

#contentright { 
float: right; 
background-color:#FFF; 
width: 450px; 
height: 350px; 
display: table-cell; 
vertical-align: middle; 
text-align: center; 
line-height: 350px;} 

Answer 1

在img使用vertical-align: middle; - 我通过F12开发工具试图在浏览器，和它的工作。

#contentright img { 
    vertical-align: middle; 
} 

这工作，因为家长设置为display:table-cell，并具有vertical-align: middle

jsFiddle here