兒童div標籤垂直對齊

Question

可能重複：
vertical alignment of elements in a div

我有div標籤，在他身上我有img標籤，div標籤的大小是靜態的：200×200，IMG尺寸是總是小於200px，但是事實上，我不知道。我希望img將是div標籤的alwasy中心，在水平方向上，但如何使它成爲vertikal？

<div style="width: 200px; height: 200px; background-color: #090; text-align: center; "> 
     <img src="pic.jpg"> 
    </div> 

Answer 1

看this JSFIDDLE

您可以使用CSS calc()功能垂直居中的DIV內的圖像：

position: relative; 
top: -webkit-calc(50% - []px) /* [] = half the image height) */; 
top: calc(50% - []px) /* [] = half the image height) */;