垂直对齐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%); 
}