【发布时间】：2019-12-08 15:26:02
【问题描述】：
在窄屏幕上使用自动完成时，结果会出现在一个窗口中，您需要左右滚动才能看到它们。我将max-width 添加到.ui-autocomplete.ui-menu 并设置了较小的字体，现在结果仅与屏幕一样宽，但不会换行并且右侧的信息被隐藏。我将.ui-menu-item 设置为换行，但是在chrome 开发人员工具中，当我查看元素样式时，element.style 下仍然显示 nowrap 并且我的条目被标记出来。我不确定element.style 是什么或如何覆盖它。我尝试了!important 标志，但这没有帮助。关于如何覆盖该样式或更好地包装结果的任何建议？
好的，这里还有更多： 我正在使用默认的 jQuery UI JS 和 CSS。我补充说： 这个CSS在我的脑海中：
.ui-autocomplete.ui-menu{
max-width:90%;
}
.ui-menu-item{
white-space:wrap!important;
overflow-wrap: break-word;
word-break: break-all;
}【问题讨论】：
-
如果我们的代码中确实有一些 HTML 和 CSS 可以使用，这会有所帮助，否则我们只是在猜测并且可能不是最优的。 stackoverflow.com/help/minimal-reproducible-example 任何时候使用
!important都可能有问题 -
“element.style”来自哪里以及如何覆盖它？
-
element.style 显示该被检查元素上的任何内联样式。内联样式会覆盖 CSS。更多信息：stackoverflow.com/questions/28353386/…!
-
这可能会给你一些从stackoverflow.com/a/28286277/125981工作的地方
标签： jquery css jquery-ui-autocomplete