如何在mozilla中获得居中div（margin 0 auto）的margin right值

Question

我尝试了以下代码，它适用于Chrome，Opera，IE9 +，但不适用于Mozilla

HTML

<div class="centered"></div>
<span class="value"></span>

CSS

.centered {width:300px;height:300px;background:yellow;margin:0 auto;}

JS

$('.value').text($('.centered').css('margin-right'));

小提琴：http://jsfiddle.net/eo3jdm3y/

我只想获得居中元素的边距值（边距：0自动）

有什么想法吗？

Answer 1

你可以像this

那样做

$('.offsetLeft').text($('.centered').offset().left);

Answer 2

这不会起作用，因为您正在寻找CSS值。哪个设置为自动。相反，你应该寻找实际的像素值。在jQuery中，您可以使用.offset() method

$('.value').text($('.centered').offset().left)
//left will be the same as right, since it's set to auto