Question

我正在尝试使用div来包装动态数量的子元素，并且我想在不设置父级宽度值的情况下执行此操作。

我通过浮动子元素和父元素来获取内容包装，我的问题是当子元素换行到下一行时，右侧有剩余的空间，我希望父级包装“紧紧”。

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

#parent显示当前行为，我希望它表现得像＃parent2和＃parent3，但没有明确设置宽度。我可以看到为什么#parent的行为是正确的，我只是看不出任何方式来获得我想要的行为。

非常感谢任何想法

Answer 1

首先，您应该将'parent'和'child'更改为类而不是ID。 ID应该是唯一标识符，而类可以根据需要多次使用。

话虽如此，你可以用JQuery实现你想要的东西（假设现在把ID改为类）：

$(document).ready(function() {
    var numPerLine = parseInt($(window).width() / $('.parent > .child').outerWidth(true));
    $('.parent').width($('.parent > .child').outerWidth(true) * numPerLine);
});

在浮动元素周围包装父div

1 个答案: