javascript - jQuery - 左マージンから div の幅の半分を引いた値

Question

私はこのようなことを達成したい:

幅が指定されていないdivがあるため、コンテンツに基づいて変化します。まず、その div の幅を計算したいと思います。その後、jquery を使用して css スタイルを追加したいと思います。これにより、div の左半分の幅がマージンになります。したがって、div の幅が 300px の場合、この css を同じ div に追加します。

margin-left: -150px;

私がはっきりしていたことを願っています。どうもありがとう。

Answer 1

var w = $("#left-shunted-div").width();
var left_mar = -(w/2);
$("#left-shunted-div").css("margin-left",left_mar);

Answer 2

次のように簡単に実行できます。

// After dom load
$(function(){
    // Select the div
    var div = $('#myDiv');
    // Get the width;
    var width = div.outerWidth();
    // Change the margin-left to half negative 
    div.css({'marginLeft' : -(width / 2) + 'px'});
});