在PAGE中垂直对齐图像

Question

没有JSFiddle或任何东西。很简单的问题。我有4个图像，所有尺寸都不同。我希望它们连续，以PAGE的中间为中心。不是div，PAGE。我在网上找到了这么多东西，我不知道我是不是n00by，或者这只是平常的CSS烦人，但它们似乎都是以div为中心。我希望图像以PAGE为中心。

如果没有办法做到这一点，有没有办法让div自动缩放到原生显示窗口的大小？

由于

Answer 1

此代码完美无缺 - 适用于任何图像尺寸：

 img.yourimage (or img#yourimage){
     top:50%;
     left:50%;
     position:fixed;

     //does the magic - no need to know your image size
     transform: translate(-50%,-50%);
 }