jQuery - 保证金减去div的宽度的一半

Question

我想实现这样的目标：

我有一个div，未指定宽度，因此它会根据其拥有的内容进行更改。首先，我想计算div的宽度。在那之后，我想用jquery添加css样式，这将保留div的左半部分宽度。所以，如果div的宽度是300px，我希望将这个css添加到同一个div中：

margin-left: -150px;

我希望我很清楚。非常感谢。

Answer 1

使用此代码：

// get div width
var width = $('div').width();

// calculate margin size
var marginLeft = width / 2;

// set css
$('div').css('margin-left', -marginLeft);

Answer 2

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

Answer 3

您可以这样做：

// 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'});
});