jquery - Jquery UI Sortable 的边距变化

Question

如果拖放一些元素，您会发现某些元素之间的边距变得更薄。我该如何解决这个问题？

示例:

http://jsfiddle.net/fKQsG/

Answer 1

看，LI 有一个 display: inline; 属性，它也会计算空格。将其替换为 float: left; 就可以了。

#sortable1 li, #sortable2 li {margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 50px; float: left; list-style-type:none; background:black; }

我改变了宽度:50px； float :左；.

更新的 fiddle :http://jsfiddle.net/fKQsG/1/