垂直對齊圖像內的圖像

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