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