保證金隨jQuery UI排序而變化

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/