3

我试图让一个 div 环绕动态数量的子元素,我想这样做而不为父元素的宽度设置值。

我已经通过浮动子元素和父元素来包装内容,我的问题是当子元素包装到下一行时,右侧还有剩余空间,我希望父元素“紧紧地”包装。

我在这里设置了一个演示:http: //jsfiddle.net/UMgct/4/

#parent 显示当前行为,我希望它的行为类似于#parent2 和#parent3,但没有明确设置宽度。我可以看到为什么#parent 的行为是正确的,我只是看不到任何获得我想要的行为的方法。

任何想法将不胜感激

4

1 回答 1

1

首先,您应该将“父”和“子”更改为类而不是 ID。ID 是唯一的标识符,而类可以根据需要多次使用。

话虽如此,您可以使用 JQuery 实现您想要的(假设现在将 ID 更改为类):

$(document).ready(function() {
    var numPerLine = parseInt($(window).width() / $('.parent > .child').outerWidth(true));
    $('.parent').width($('.parent > .child').outerWidth(true) * numPerLine);
});
于 2012-04-03T22:29:37.137 回答