0

请看这个http://jsfiddle.[net]/Nkkzg/108/（所以不允许喜欢JsFiddle）并在自动完成文本框中写下'Apple'。您可以看到出现了一个长字符串，并且该页面的水平滚动条也出现了，这非常烦人。我想在不设置宽度的情况下显示完整的字符串，您可以根据字符串长度查看从左角到最大右侧的自动完成结果 div。我们如何像输入文本框一样在页面中心显示结果，以便不出现水平滚动条。

任何帮助将不胜感激。

谢谢并恭祝安康。

4

3 回答 3

2

根据这篇文章：

jQuery UI 自动完成宽度未正确设置

看起来好像您需要将所有东西都放在一个容器中，并指定appendTo属性来告诉它把菜单放在哪里。

于 2013-07-07T23:42:53.260 回答
1

你应该尝试使用position:absolute

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border:1px solid #222;
    position:absolute;
  }

现场演示

于 2013-07-08T00:01:56.463 回答
0

您可以尝试将其放入您的 .css 文件中

span input.ui-autocomplete-input {
    width: 100%;
}

这样，自动完成获取的宽度是您根据封闭跨度标签上的 styleClass 设置样式的宽度

于 2014-10-07T12:46:23.997 回答