Question

是否可以将所有图像的宽度设为div，然后使用jquery将#content css设置为该值？我使用项目的水平布局，需要不时添加图像。

<div id="content">
  <div class="entry">
    image
    image
  </div>
 <div class="entry">
    image
    image
 </div>
</div>

Answer 1

也许你可以试试

var width = 0;
$.each(jQuery('img'), function(i, img) {
    width += $(img).width();
});
$('#content').width(width);

Answer 2

建立@Bob的回答。我没有尝试过，但在我看来，.width（）函数不会考虑填充和边距。如果确实如此，那么你只需要.width（），如下所示。

width = 0;
$.each(jQuery('.entry'), function(i, e) {
    width += $(e).width() 
          + $(e).css("margin-left") + $(e).css("margin-right") 
          + $(e).css("padding-left") + $(e).css("padding-left");
});
$('#content').width(width);

Answer 3

想到的唯一方法是读取CONTENT div的内容，找到每个IMG标签，并获得其相关的宽度（同时保持运行总计），然后将CONTENT div的宽度分配给总数。

使用jquery获取div中图像的图像宽度

3 个答案: