Javascript 在一个div中调整所有具有间隙的图像

我的缩略图当前的大小为240 x 125，因此无法将所有缩略图水平放置在一个div中

如何使它们水平显示在网格中？另外，如何使调整大小的图像具有相同的纵横比和15px的间距

我的CSS

#全{高度：400px；背景：#FAFAFA；}
#拇指{高度：150px；背景：#E7E7E7；}
#拇指img{浮动：左；边距：0 15px；}

这是我的jQuery

$（文档）.ready（函数（）{
$（'拇指>img'）。宽度（$（'拇指'）。宽度（）/$（'拇指>img'）。长度-15）；
});

您说过您希望在

img

s之间有15px的间隙，但您设置了

边距：0 15px

，这意味着左侧和右侧都是15px，所以中间的间隙是30px，这就是问题所在。您应该只设置一侧

左边距：15px

试试这个：

$(document).ready(function() {
    var $img = $('#thumbs > img'),
        len = $img.length,
        gap = $img.css('margin-left').replace('px',''),//15
        divW = $('#thumbs').width()-gap;

    $img.width(divW/len-gap);
});

---

我换了，但没用。一个img仍然不合适。好的，你的计算中有缺失的部分。我已经更新了答案。