我正在尝试使用 JQuery 连接可排序列表，但是，如果我在我的 li CSS 中使用 display:inline-block，则占位符和位置不正确。它通常更高，并且调整元素的大小以导致自动换行。
如果我将 display:inline-block 更改为 float:left here
ul.fieldlist li
{
display:inline-block;
list-style-type: none;
}
然后拖放工作正常，但由于某些原因我无法拖回原来的可排序。
我制作了一个 jsfiddle 来说明问题:
这可能是我的填充/边距有问题，但我想不通。
欢迎任何帮助:)
最佳答案
修复方法是 vertical-align: top。据我所知，JqueryUI Sortables 不能很好地处理 vertical-align: middle。
尝试将 vertical-align: top 添加到您的 jsfiddle——它可以解决对齐问题。
这里有一些注释，以及内联 block 的初步修复，但我认为 valign 中间情况被遗漏了。 http://bugs.jqueryui.com/ticket/6942
关于jquery sortable with inline-block display 显示划痕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14095451/