Jquery 如何在使用left属性调整大小后制作花式方框中心

我有下面的代码在花式框的内容。我有一个链接，它将调用另一个花式盒子iframe。第二个页面的宽度和高度将不同于第一个iframe页面。因此，我在第二页中使用以下代码重新调整了fancy box iframe的大小

   jQuery(function(){
                        //jQuery('div[id^=fancybox]').remove();
                        jQuery('#fancybox-frame', window.parent.document).load(function() { 
                            parent_fb_resize(560,444);            
                            jQuery('#fancybox-wrap').css('margin','auto');                    
                        });                            
});

使用以下代码重新调整iframe的大小

function parent_fb_resize(w, h) {  
  if (w > 0 || h > 0) {

    if (w > 0) jQuery('div#fancybox-wrap', window.parent.document).css({ width: (w)+"px"});
    if (h > 0) jQuery('div#fancybox-wrap', window.parent.document).css({ height: (h)+"px"});
    if (w > 0) jQuery('#fancybox-content', window.parent.document).css({ width: w+"px"});
    if (h > 0) jQuery('#fancybox-content', window.parent.document).css({ height: h+"px"});
    jQuery.fancybox.resize();
    jQuery.fancybox.center();

  }
}
function fb_close_any() {
  window.top.eval('jQuery.fancybox.close()');
}

function fb_resize_any(w, h) {
  w = (w > 0) ? w : 0;
  h = (h > 0) ? h : 0;
  window.top.eval('fb_resize('+w+','+h+')');
}

到目前为止还不错。此代码将调整第二页的大小。但由于id fancybox包装中的left属性，重新调整大小的花式方框未处于中心位置

在这里，我需要找到页面的中心，并需要在jQuery'fancybox-frame'，window.parent.document.load中动态应用左位置。请给出建议？

为什么左边是：271px；甚至在css中也有？它不需要为一个元素居中，这是什么保证金：0自动；做我建议把它扔掉，因为这可能是你的问题

这里有一个Jsfiddle来演示我的意思

如果你不能摆脱左边的css，那么在你调整大小的时候可以将它设置为0px

$("#fancybox-wrap").css("left", 0);

---

还有jQuery.fancybox.center；它甚至不起作用。

$("#fancybox-wrap").css("left", 0);