jquery可排序插件中li元素的意外高度

Question

我已经使用过这个插件并且效果很好但是我遇到的一个小错误是li元素获得了意想不到的高度。您可以通过以下步骤复制问题： 1.在Internet Explorer中打开sortable demo并检查ul列表。 2.从开发人员工具css将以下css添加到＆＃39; #cableable＆＃39; ，将此列表分为2列

protected:
virtual void OnNavigatedTo(Windows::UI::Xaml::Navigation::NavigationEventArgs^ e) override;

1. 现在观察第四个元素在每一边被分成两半，尝试拖动列表中的第四个项目并观察li元素的高度

指向可排序插件的链接：jQuery-ui-Sortable Demo

希望快速解决此问题。

Answer 1

为什么不试着给css＆＃34; li＆＃34;里面的元素＆＃34;＃sortable＆＃34;将列表分为2列。 示例：

#sortable li {
    display: inline-block;
}

给＆＃34; li＆＃34;相应

Answer 2

#sortable li {
   break-inside: avoid;
}

在li中添加break-inside解决了我的问题。