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

标签 jquery css jquery-ui jquery-ui-sortable column-count

我已经使用过这个插件并且效果很好,但我面临的一个小错误是 li 元素获得了意外的高度。您可以通过以下步骤复制问题: 1. 打开sortable demo在 Internet Explorer 中检查 ul 列表。 2. 从开发者工具 css 添加下面的 css 到 '#sortable' 将这个列表分成 2 列

column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 0em;
-moz-column-gap: 0em;
-webkit-column-gap: 0em;
  1. 现在观察到第 4 个元素在每一边都被分成两半,尝试拖动列表中的第 4 个元素并观察 li 元素的高度

可排序插件链接:jQuery-ui-Sortable Demo

希望快速解决这个问题。

最佳答案

#sortable li {
   break-inside: avoid;
}

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

关于jquery - jquery 可排序插件中 li 元素的意外高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49293076/

相关文章:

javascript - jQuery hide()、show() 或 html()

javascript - 变量的jquery noob问题(范围?)

javascript - 如何在 HTML + jQuery + CSS 中显示弹出窗口?

css - 如何制作方 Angular 的东西?

javascript - 如何使用流畅的动画 adobe edge 滚动到 anchor

jquery - 在对话框中调试 jQuery 代码

javascript - jQuery UI 可选 : How to get marching ants style lasso to show up?

javascript - 通过 AJAX 重新加载下拉菜单中提交的 PHP 变量

javascript - 如何根据变量更改div宽度

javascript - JQuery html() 不支持 < 符号