<script type="text/javascript">
 $(document).ready(function(){
  function divalign(){
   var bodyheight = $(document).height();  //获取整个网页的宽度 如果这里是window ie6and ie7 得到的是负数
   var bodywidth = $(window).width();  //获取整个网页的高度 如果这里是document ie7不会水平居中
   var wrapwidth = $("#login-face").width();  //获取垂直居中的内容的宽度
   var wrapheight = $("#login-face").height();  //获取垂直居中的内容的高度
   postop = (bodyheight-wrapheight)/2;  // 获取顶部的位置
   posleft = (bodywidth-wrapwidth)/2;  // 获取左边部的位置
   $("#login-face").css({"left":posleft+"px","top":postop+"px"});  // 设置窗口居中位置
  }
   divalign();
  $(window).resize(function(){  // 当调整窗口的时候重新修正居中位置，随窗口改变而居中
   divalign();
  });

 })

注意：需给居中的DIV设置 position:absolute 属性

</script>

 

或者：    解释同上，应该容易理解了！

<script type="text/javascript">
$(document).ready(function(){
    $(window).width();
    $(window).resize(function(){
        $('#login-face').css({
            position:'absolute',   
            left:($(window).width() - $('#login-face').outerWidth())/2,
            top:($(window).height()- $('#login-face').outerHeight())/2
        });
    });
    $(window).resize();
});
</script>