边距随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; }

我改变了width: 50px; float: left;。

更新了小提琴：http://jsfiddle.net/fKQsG/1/