Question

我在JQuery中需要帮助。我有一些div元素，里面有不同大小的图片。它们排列在绝对位置（底部：0）。我希望只有较小的div容器图像位于中心（水平）。

var image = $(".inner img");
var box = $('.inner').width();
var wimage = image.width();
var total = (box - wimage) / 2;


if(wimage <= 190 ){
   image.css('margin-left', total);
}

Fiddle for demo。

谢谢大家的支持！

Answer 1

这是你追求的吗？

http://jsfiddle.net/3XM66/1/

<强> JS

$('.inner img').each(function () {
    var imgWidth = $(this).width();
    $(this).css('margin-left', imgWidth / 2 * -1);
});

Answer 2

$(".inner").each(function(){
var image = $(this).find("img");
var box = $(this).width();
var wimage = image.width();
var total = (box - wimage) / 2;
    if(wimage <= 190 ){
    image.css('margin-left', total);
}
});

Answer 3

应该是这样的：

var image = $(".inner img");



image.each(function(){
    var wimage = $(this).width();
    var box = $('.inner').width();
    var total = (box / 2) - (wimage / 2);

    //console.log(wimage);
    //console.log(box);
    //console.log(total);

    if(wimage <= 190 ){
       $(this).css('left', total);
    }
});

demo http://jsfiddle.net/jogesh_pi/3XM66/4/

Answer 4

$(".inner img").each(function(index, Element){
    var image = $(Element);
    image.css('margin-left', (image.parent().parent().width() - image.width())/2);
});

http://jsfiddle.net/3XM66/5/

jquery图像在绝对位置上对齐中心

4 个答案: