div页面居中

没事瞎写点东西..写了个div垂直居中页面中的代码.

$(document).ready(function(){
jQuery.fn.center = function(){
  var width = parseInt(($(window).width() - $(this).width() ) / 2 + $(window).scrollLeft()),
    height = parseInt(($(window).height() - $(this).height()) / 2 +$(window).scrollTop());
  $(this).css({
    left:width+'px',
    top:height+'px',
    position:'absolute'
  })
};
$('#text').center();//调用方式
})

<p id="text" style="width:300px;height:300px;border:#000 1px solid">ssss</p>

posted @ 2012-06-26 11:00  allexwang  阅读(702)  评论(2编辑  收藏  举报