javascript - 如果它是 'auto'，则检索元素边距

Question

您好，我正在尝试将新的 dom 元素定位为与旧元素相同的位置，然后隐藏旧元素以便新元素替换它:http://jsfiddle.net/jC33F/5/

虽然如果原始元素有 margin:auto jQuery 无法检索它。有没有办法能够确定元素是否有边距:自动； ？

编辑:感谢@Vibhu，我想出了这个 http://jsfiddle.net/jC33F/43/看起来很糟糕 :D 而且我不确定它是否会一直有效。

随时提出更好的建议。

Answer 1

这可能很疯狂，但是像这样检查元素是否有 margin: 0 auto(似乎找不到任何其他方法)怎么样:

var margin = $("#parent").css("margin");
if($('#parent').position().left*2 == ($('#parent').parent().innerWidth() - $('#parent').outerWidth())) {
  margin = "0px auto";
}

$("#positionable").css({
    position: $("#parent").css("position"),
    top: $("#parent").css("top"),
    left: $("#parent").css("left"),
    margin: margin
});
$("#parent").hide();

此代码主要检查#parent 的左值是否等于其容器两条边之间空间的一半。在这种情况下为我工作，在其他情况下可能会失败。