Jquery 如何隐藏select2上的溢出？

我正在使用优秀的jquery控件。
我正在尝试使用CSS div布局模拟一个3单元格的表格显示布局。
当选定宽度大于当前select2宽度时，控件通常使用椭圆隐藏溢出。在我的布局中，select2控件显示整个文本并超出“table”div的边界。我希望它隐藏溢出-有什么方法可以做到这一点吗？我并不反对完全删除显示：表格设计（除非是针对实际表格）

我的工作是：

我希望它能做到这一点：

我希望它能填满可用的空间，而不是更多。注意-我有一个500px容器来复制问题，但实际上这是一个percenatge容器，问题发生在调整窗口大小时。

.container{宽度：500px；边距：0自动；边框：5px纯黑；}
.桌子{
显示：表格；
宽度：100%；
}
.表格行{
显示：表格行；
宽度：100%；
}
.左，.右{
显示：表格单元格；
宽度：100px；
背景颜色：绿色；
}
.中{
显示：表格单元格；
宽度：100%；
背景色：红色；
}
.mid>*{
宽度：100%；
}  
AAAA
ZZZZ
$（“#e5”）。选择2({
最小输入长度：0，
查询：函数（查询）{
var data={results:[]}；
push（{id:1，文本：'abcdefg'}）；
push（{id:2，文本：'abcdefghijklmn'}）；
push（{id:3，文本：'abcdefghijklmnopqrstuv'}）；
push（{id:4，文本：'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvxyzabcdefghijklmnopqrstuvwxyz'}）；
查询、回调（数据）；
}
});

jsiddle:

只需尝试添加

table-layout: fixed;

到您的

表

对象。除非您真的不想将绿色跨距设置为100px

这是一个

编辑：如果您希望侧边“绿色”跨距调整大小/适应内容，您可以稍微作弊（我们可以作弊，因为我们不是在处理真正的html表格），然后将

.mid

设置为

显示：具有固定布局的表格

（并将绿色的宽度设置为较小的值，因为它是最小宽度）。它将像一个符咒一样工作=）

---

正是我所需要的！我为此挣扎了一段时间，这是一个如此简单的解决方案！非常感谢。我现有的HTML将表div包装在一个P中，这会导致问题-任何想法-问题是，在标记中，您使用的是clas名称

行

，但在css中，您调用的是

。表行

。我在上面的提琴里把它修好了，但是忘了提，对不起。现在我再次修复了它并更新了您的。但是我很好奇你想用段落标签实现什么？=）使用现有的HTML。我们有很多像这个例子一样的行，每一行都被一个P标记包围。我明白了=）我以为你想用P标记做一些特殊的魔术；-）。。。但是现在看来你不想改变html，所以我把输入错误的地方改错了。。。您应该在CSS中将其更改为

.row

，但我想您已经知道了。祝你好运^_^

table-layout: fixed;