jQuery可排序连接列表内联

Question

我在这里指的是这个链接：sortable

我希望内联这些项目，并且我已经更改了

的显示

#sortable1 li, #sortable2 li  

到

display:inline;

在css中，但随后所有人都被打乱了，我的物品飞向右边，即使我有一个500px的div包装器 - 它们飞出了那个区域。

有没有人提供一些好的技巧来处理这个问题？

谢谢。

Answer 1

尝试将您的css更改为：

#sortable1, #sortable2 {
    margin: 0 10px 0 0;
    padding: 0;
}

#sortable1 li, #sortable2 li {
    display: inline;
    font-size: 1.2em;
    margin: 0 5px 5px;
    padding: 5px;
    width: 120px;
}