儿童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) */;