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; }

変更しましwidth: 50px; float: left;た。

更新されたフィドル: http://jsfiddle.net/fKQsG/1/