Jquery CSS显示：flex；在IE浏览器中工作不正常

我正在使用jquerydraggable组件向

添加一个元素

我有以下问题

IE浏览器显示不良外观（参见图片），它显示的是

所有滚动

，而不是

指针

这种情况的发生是因为这个CSS

p.given {
  display: flex;
  flex-wrap: wrap;
}

这个CSS我用来正确显示

内容。如果我删除了CSS，拖拉式组件有时会添加多个位置。以及拖放组件后转到下一行的内容。你能给我一些建议，而不是

flex

？我无法删除此CSS（

p.given{display:flex；flex wrap:wrap；}

），因为如果我删除的

内容不够灵活，请给我一个解决方案，以避免IE浏览器问题

$（函数（）{
函数textWrapper（str、sp、btn）{
如果（sp==未定义）{
sp=[0,0]；
}
var txt=“”；
如果（btn）{
txt=”“+str+”；
}否则{
txt=”“+str+”；
}
如果（sp[0]）{
txt=”“+txt；
}
如果（sp[1]）{
txt=txt+“”；
}
返回txt；
}
虚词（p）{
var words=p.split（“”）；
单词[0]=textWrapper（单词[0]，[0,1]）；
var i；
for（i=1；i.ui图标），函数（）上{
$（this.parent（）.remove（）；
});
$（“p.given”）.blur（函数（）{
var w=未排序的单词（$（此））；
控制台日志（w）；
$（this.html（chunkWords（w））；
makeDropText（$（“p.给定span.w”）；
});
$（“给定跨度”）.draggable({
助手：“克隆”，
回复：“无效”
});
makeDropText（$（“p.给定span.w”）；
});
p{
显示器：flex；
柔性包装：包装；
}
p、 给定span.w span.ui-icon{
光标：指针；
}
空白处{
显示：内联块；
最小宽度：50px；
边框底部：2倍实心#000000；
颜色：#000000；
}
div.blanks.ui-droppable-active{
最小高度：20px；
}
span.答案>b{
边框底部：2倍实心#000000；
}
给定的跨度{
保证金：5px；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。[Lorem]Ipsum自15世纪以来一直是行业标准的虚拟文本，Lorem Ipsum只是印刷和排版行业的虚拟文本

达科他州桑蒂酒店
美国
卡塔尔
菲律宾
我刚刚检查了DOM，找到了最适合预期结果的选择器

下面是用于操纵光标的类

.w.b.ui-droppable{
光标：指针；/*删除的文本*/
}
.given.btn-flat.ui-draggable{
光标：-webkit抓取；光标：抓取；/*要删除的文本*/
}
.given.btn-flat.ui-draggable-draggable-dragging{
光标：-webkit抓取；光标：抓取；/*正在拖动的文本*/
}

如果需要有关设置光标样式的更多帮助，可以查看以下文档：


例子
不确定您的自定义类名，例如，
给定btn平面白色文本red-1
，但在这种情况下我不需要它们


$（函数（）{
函数textWrapper（str、sp、btn）{
如果（sp==未定义）{
sp=[0,0]；
}
var txt=“”；
如果（btn）{
txt=”“+str+”；
}否则{
txt=”“+str+”；
}
如果（sp[0]）{
txt=”“+txt；
}
如果（sp[1]）{
txt=txt+“”；
}
返回txt；
}
虚词（p）{
var words=p.split（“”）；
单词[0]=textWrapper（单词[0]，[0,1]）；
var i；
for（i=1；i