Javascript 选择2-仅显示有限数量的项目，其余项目显示为“n”或更多

我已经开始使用Select2，我发现它对我的需求非常有用。但是，似乎有一个小的设计问题干扰了页面上的其他元素。当我选择的项目超过指定宽度范围时，选择框会自行展开

HTML:

下面是我制作的Select2演示的一部分：

以下是截图：

扩张前 扩容后 我发现了这个，但没有找到一个实现它的方法

我想知道是否有这样做的选项，这样就不会干扰页面设计

---

谢谢

我建议您只需设置下拉列表的高度即可显示下拉列表

可以通过如下更改CSS来完成

 .select2-container .select2-selection--single { height: 33px !important; }

或

你要找的东西可以在这里找到-

---

希望它能帮助你

我建议您只需设置下拉列表的高度即可显示下拉列表

可以通过如下更改CSS来完成

 .select2-container .select2-selection--single { height: 33px !important; }

或

你要找的东西可以在这里找到-

---

希望它能帮助你

我想推荐一种替代Select2的方法，Jquery.sumoselect

它具有csvDispCount功能，可用于显示指定计数后选定的项目数

---

请参阅

我想推荐一个替代Select2的方法，Jquery.sumoselect

它具有csvDispCount功能，可用于显示指定计数后选定的项目数

---

参考

直接阅读文档，如果您没有找到选项，那么直接打开添加此类选项的问题。直接阅读文档，如果您没有找到选项，那么直接打开添加此类选项的问题。您建议的CSS更改没有任何帮助，甚至在此之后，该框也会展开。你提到的链接也没有帮助。无论如何谢谢你！你能不能交叉检查正在形成的DOM和我给出的CSS。为了解决这个问题，我们需要在生成DOM的基础上创建选择器。我也收到了别人的推荐信。因此，我在我的CSS中做了一些更改。您建议的CSS更改没有帮助，即使在这之后，框也会扩展。你提到的链接也没有帮助。无论如何谢谢你！你能不能交叉检查正在形成的DOM和我给出的CSS。为了解决这个问题，我们需要在生成DOM的基础上创建选择器。我也收到了别人的推荐信。因此，我在CST中做了一些更改，感谢您的建议，但我更喜欢使用Select2。Select2的UI比Jquery.sumoselect2好得多谢谢你的建议，但我更喜欢使用Select2。Select2的UI远远好于Jquery.sumoselect

 .select2-container .select2-selection--single { height: 33px !important; }

.select2-selection { height: auto !important;}