我正在尝试使用 jQuery 在运行时添加多个 div。我想添加 3 个属于同一类的 div，然后附加换行符，这样当用户再次单击“添加框”按钮时，我可以在下一行显示另外 3 个 div。
这是相同的 jsFiddle：http: //jsfiddle.net/WjFCf/3/
正如您在 jsFiddle 中看到的那样，它几乎可以完成所有操作，但不会在第 3 个 div 之后添加换行符。因此，当用户再次单击该按钮时，它只会在同一行中添加更多 div。
有人可以帮我解决这个问题吗？
问问题
992 次
6 回答
1
于 2012-09-04T16:21:54.973 回答
1
正在添加您的换行符，问题float: left出在盒子上。如果你改变它，display: inline-block你会得到你正在寻找的结果。
于 2012-09-04T16:22:22.487 回答
1
如果您将盒子放入（足够）固定宽度的容器中，它将确保它们正确地分成三组。
就目前而言，如果窗口变得太小，“多余”的 div 将掉到下一行。
于 2012-09-04T16:22:24.023 回答
1
您将让下一行框具有该clear:both属性，以便它们位于上方的浮动框下方。
于 2012-09-04T16:23:03.627 回答
1
当我将此代码添加到您的代码时，它运行良好：
#boxes{
width: 600px;
}
于 2012-09-04T16:33:15.480 回答