边距随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/