jQuery 可排序连接列表内联

Question

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

我想使这些项目内联，我已经将 css 中的显示更改为

#sortable1 li, #sortable2 li  

，

display:inline;

但随后所有内容都被打乱，并且我的项目飞向右侧，即使我设置了 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;
}