使 select2 多选不换行到多行

Question

有没有办法在选择足够多的值时使多选不换行？例如，这是它的作用：

我想要的是将它全部包含在一行中并且只能水平访问。Select2 提供箭头键导航以及删除键的使用，所以这没什么大不了的。

我认为这可能可以用 CSS 来完成，但我正在努力弄清楚需要做什么。

Answer 1

一种方法是：

小提琴： http: //jsfiddle.net/EHzcc/735/

CSS：

.select2-choices{
    display:-webkit-inline-box;
}

更新：

.select2-choices{
    display:-webkit-inline-box;
    max-width: 250px;   //  <--- set the max width you want
    //width: 250px;              or just force the width
}

更新N： 也许可以玩方向： http: //jsfiddle.net/wEqLt/

最新版本更新： 小提琴：http://jsfiddle.net/EHzcc/735/

CSS：

.select2-selection__choice{
    float: none !important;
    display: inline-block !important;
}

版本 4.1 更新： Fiddle： http: //jsfiddle.net/srg2deo5/

CSS：

.select2-selection{
  overflow-y:auto;
  white-space:nowrap;
}

ul.select2-selection__rendered{  
    white-space: nowrap;
}