如何計算居中的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();