所以我昨天发布了一个问题,关于在容器中放置一些div,使它们与容器边缘对齐,但在中间有相等的间距。这很复杂,因为它们是可排序的(使用jQuery UI Sortable)。
Greg Pettit(谢谢!)设法为我解答,但最后两个div的行为特别引起了一个我无法弄清楚的问题。
(原始问题供参考:Alignment of sortable jQuery UI divs with spacing between them)
现在的问题是,当拖动第3或第6个div时,它会跳下来。
我不知道为什么会发生这种情况,并且无法解决为什么div在拖动时总体上如此不稳定:/
jsFiddle> http://jsfiddle.net/hC5Qy/5/
有没有人有任何想法?
与往常一样,任何回复都非常感谢!
非常感谢
答案 0 :(得分:0)
我认为,因为区域div被填满,所以只要拖动浮动块,它就会溢出区域div的水平空间并中断到下一行。这可能在jQuery UI应用绝对定位之前发生。通过将以下CSS添加到中间块来提供一些喘息空间:
.block:nth-child(3n+2) { margin-right: 0; }