jquery实现水平垂直居中

         jquery实现元相对于窗口水平垂直居中： $(document).ready(function(){
 $('.className').css({
  position:'absolute',
  left: ($(window).width() - $('.className').outerWidth())/2,
   top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
 });
});
 

css实现元素水平垂直居中：

.class{

 width:300px;

height:400px;

position:absolute;

left:50%;

top:50%;

margin:-200px 0 0 -150px;

}