vertical-align: middle kodu sabit yükseklikteki sayfada çalışır eğer sayfa yüksekliğin sabit değil ise javascript veya jquery ile yapman gerekir.Yatay olara text-align:center ile yapabilirsin fakat yüksekliği javascript veya jquery ile yapman gerekir.

$(function () {

var sayfaYukseklik,sayfaGenislik,resimYukseklik,resimG enislik,netYukseklik,netGenislik;

sayfaYukseklik=$(window).height();
sayfaGenislik=$(window).width();

resimYukseklik=$('.resim').height();
resimGenislik=$('.resim').width();

netYukseklik=(sayfaYukseklik-resimYukseklik)/2;
netGenislik=(sayfaGenislik-resimGenislik)/2;



$('.resim').css({'top':netYukseklik,'left':netGeni slik});


})

Bu sayede sayfana yerleştirdiğin resim sayfayı ortalayacak.