jquery - 如何让无限数量的div彼此相邻显示

Question

我正在尝试实现无限数量的 div 彼此相邻的可能性，但我根本没有想法。

容器 div 有固定的宽度，如下所示:

#container {
    width: 800px;
}

现在，html 可能看起来像这样

<div id="container">
    <div class="div"></div>
    <div class="div"></div>
    <div class="div"></div>
    etc etc etc
</div>

如果无法使用纯 CSS，我如何使用 jQuery 实现此功能？

我忘了告诉 div 的行为。当有2个div时，他们应该都拿50%，如果有4个，他们应该拿25%。这是预期的行为。

Answer 1

你可以这样做:

   var total = 100;
   var length = $('#container .div').length;
   var percent = total/length+'%';
$('#container .div').each(function(){
   $(this).width(percent);
});

每个 div 都有相同的宽度百分比