儿童div标签的垂直对齐方式

Question

  

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

我有div标签，在他我有img标签，div标签尺寸是静态的：200x200，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) */;