Css 使select2多选不换行到多行

在选择足够的值时，是否有方法使多选不换行？举个例子，它的作用如下：

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

我想这可能可以通过CSS完成，但我正在努力找出需要做什么。

一种方法是：

小提琴：

CSS：

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

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

更新：

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

---

您可以限制选择的数量：

---

我们也在苦苦挣扎，因为我们甚至不知道你的CSS+标记是什么样子的。@我链接的图片来自何处。不幸的是，限制选择的数量不是一个理想的解决方案。我喜欢这样，但有没有办法在这样做时将其限制到当前宽度？我尝试过这个，但这使得选择选项和操纵选择框变得困难（即，它没有像我预期的那样在末尾插入光标）。这是select2的固有缺点，还是根本不可能？这几乎是可用的。我会从那里开始玩，但我认为这是最接近的。谢谢。我意识到这个答案发布已经很久了。据我所知，小提琴上什么也没有。这仍然是一个解决方案吗？欢迎使用堆栈溢出！虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。

$("#selector").select2({ maximumSelectionSize: 3 });

.select2-selection__choice {   
    /*float: left;*/ //remove float and add display: inline    
    display: inline;
}

.select2-selection__rendered {
white-space:normal!important;
}