javascript - 如何计算居中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 属性的对象。 DEMO

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