如何计算居中的div的左侧空间

Question

我将div放在我的中心。 现在我要计算左侧的空白空间。 如何通过jQuery做到这一点。

我的标记

<main id="page_main" role="main">
    <div class="content">
    </div>
</main>

我的CSS

#page_main
{
    width:100%;
}
.content
{
    width:960px;
    margin:0px auto;
}

现在，我要计算屏幕的左侧空白空间。 你能帮我怎么做吗？

Answer 1

您可以使用offset()返回元素相对于document的坐标。 它返回带有top和left属性的Object。 DEMO

$(window).on("resize", function () {
 var c = $(".content").offset().left;
  $('.content').text(c)
}).resize();