代码之家 › 专栏 › 技术社区 › Akash Jain

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

column-count jquery-ui-sortable jquery-ui css jquery

0

Akash Jain · 技术社区 · 7 年前

我使用过这个插件,它工作得很好,但我面临的一个小错误是li元素得到了意想不到的高度。您可以通过以下步骤复制问题: 1、打开 sortable demo 在Internet Explorer中,检查ul列表。 2、从开发人员工具css添加以下css到 “#可排序” 将此列表分为两列

column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 0em;
-moz-column-gap: 0em;
-webkit-column-gap: 0em;

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

希望对此进行快速修复。

2 回复 | 直到 7 年前

1

0

Akash Jain 7 年前

#sortable li {
   break-inside: avoid;
}

给李加上休息时间解决了我的问题。

2

0

Toni Michel Caubet 7 年前

为什么不尝试将css赋给“#sortable”中的“li”元素,将列表分为两列。示例:

#sortable li {
    display: inline-block;
}

相应地为“li”指定宽度。