因此，我正在使用selectize.js创建一个自动完成搜索字段。除非我将下拉菜单缩放到一个小的移动屏幕，否则它的运行效果非常好。长度过长的任何文本都会使其溢出到下一行，并将下拉菜单元素延伸到应有的位置。除了文本框增长之外，文本框旁边的图标也随之增长。
这是一个演示问题的jsfiddle。如果拖动屏幕以使“结果”部分很小，则可以看到溢出。在我的网站上，它不仅溢出，而且还在右边扩展了该框。
有人会认为，要使用的理想属性是“溢出”，使其隐藏。
有没有什么办法解决这一问题？
jsfiddle：http : //jsfiddle.net/Eq6cJ/
HTML：
<select id = "searchTextbox">
<option value = "aaaa"> bbbbbbbbbbbbbbbb </option>
<option value = "cccc"> dddd </option>
</select>
Javascript：
var $select = $('#searchTextbox').selectize({
maxItems: 1,
maxOptions: 5,
searchField: ['text', 'value'],
openOnFocus: false,
highlight: false,
scrollDuration: 300,
create: false
});
.selectize-input {
white-space: nowrap;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句