使用jQuery获取firefox中的自动计算边距

使用下面的标记和css，我试图获得计算的shell的左边距。

 
 
Welcome!
 
 
 .shell { zoom: 1; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } 

运用

 parseInt($('.shell').css('marginLeft')) 

它适用于Chrome，Safari，IE9，但令人惊讶的是在Firefox中不起作用。 尝试了另一种方法：

 ($('.shell').outerWidth(true) - $('.shell').outerWidth()) / 2 

同样适用但Firefox。 所以我猜火狐不支持用jQuery获取未定义的CSS？ 解决这个问题的直接方法是：

 ($('.page-title').width() - $('.shell').outerWidth()) / 2 

但我想知道是否有更好的方法。

Answer 1

如果你说它不起作用，你会收到错误（在控制台中）还是返回0？ 显然，返回0表示自动设置是不同浏览器的问题。

您可以使用轻量级jSizes库，它以像素为单位返回所有指标。 这将节省您必须使用outerWidth等。