Question

我正在尝试使用Javascript计算对象宽度的一半。

    var img = document.getElementById('picture1'); 
    var width = img.clientWidth;
    var halfwidth = width/2;

然后我需要将该变量插入到margin-left的jquery css修饰符中。这将用于将图像定位在页面的确切中心。

    $('#div').css('margin-left','-400px');

但不是-400px，我需要以某种方式将变量放在那里。这可以实现吗？

Answer 1

我认为这对你有用：

$('#div').css('margin-left','-' + ($('#picture1').width()/2) + 'px');

Answer 2

保持简单

$('#div').css('margin-left','-'+(parseInt($('#picture1').width())/2)+'px');

Answer 3

以下是将图像放置在页面中心http://jsfiddle.net/JkZdH/

的方法

var img = $('#myImg'),
    docWidth = $(document.body).width(),
    imgWidth = img.outerWidth(true),
    marginLeft = (docWidth - imgWidth) / 2;
img.css('margin-left', marginLeft);

对于html：

<img src="sample_image.png" alt="dog" id="myImg" />

Answer 4

 $('#div').css({marginLeft : $('#picture1').width()/2});

使用Javascript获取图像宽度的一半

4 个答案: