javascript - jQuery 和 margin : 0 auto

Question

所以，这是一个以前被问过的问题，但我希望我们可以解决这个问题:我使用的是 jQuery 1.4。如果我定义样式

#obj { margin: 0 auto; }

然后做

$('#obj').css('marginLeft');

结果是以像素为单位的计算值。有什么方法可以判断这些像素是否来自 auto 计算，而无需解析 document.styleSheets？

Answer 1

如果边距设置为百分比，也会触发此解决方案，但它可能足以满足您的目的。基本上，您记录哪些边距在调整大小时发生变化。因此，您需要在调整数组大小之前记录边距:

var aMargins = [];
$('.yourObjs').each(function(i,obj){
  var objML = $(obj).css('marginLeft');
  aMargins.push(objML);
});

然后调整窗口大小，查看更改了哪些边距(这些将是“自动”或 %)，对它们执行您需要执行的操作并将窗口恢复为原始大小:

var wW = $(window).width();
var wH = $(window).height();  
window.resizeTo(wW - 5, wH);
$('.yourObjs').each(function(i,obj){
  if ($(obj).css('marginLeft') != aMargins[i]) {
    // your centering code here
  }
}
window.resizeTo(wW,wH);

如果您的居中代码只是调整左边距，那么这对于基于 % 的边距应该也能正常工作。我无法测试此代码或提供示例，因为我在路上并通过手机写作，但希望这有效或能帮助您想出一些可行的方法。