Javascript 具有标签时,最大化表中的选择宽度

Javascript 具有标签时,最大化表中的选择宽度,javascript,html,css,select,jquery-select2,Javascript,Html,Css,Select,Jquery Select2,这看起来像是应该有一个简单答案的事情之一,但是我找不到任何解决方案 我有一个表,它包含几个select元素,前面有一些文本标签,在同一行上。 我想最大化select的宽度,直到td元素结束。 我不能使用固定宽度 如果我使用width=100%,那么select将把标签推出另一行。默认情况下,“选择宽度”等于“最长”选项的宽度 以下是默认设置的工作方式: 理想情况下,select2也可以使用,默认宽度设置为第一个选项的宽度 我尝试过将select和/或标签包装在divs中,设置不同的css选项(f

这看起来像是应该有一个简单答案的事情之一,但是我找不到任何解决方案

我有一个表,它包含几个select元素,前面有一些文本标签,在同一行上。 我想最大化select的宽度,直到td元素结束。 我不能使用固定宽度

如果我使用width=100%,那么select将把标签推出另一行。默认情况下,“选择宽度”等于“最长”选项的宽度

以下是默认设置的工作方式:

理想情况下,select2也可以使用,默认宽度设置为第一个选项的宽度


我尝试过将select和/或标签包装在divs中,设置不同的css选项(float、display inline等),但没有成功。有什么想法吗

尝试设置浮动:左;为您的标签和表也。然后设置它们的宽度(以百分比表示),总宽度为100%。像这个标签(宽度:40%)和表(宽度:60%,除了边框)。

最终找到了一个解决方案:使用
溢出:隐藏


这里是:

你试过99%或更少的百分比吗?为什么你不能在css中使用select{width:60%}?因为文本可以大于40%,并且在任何情况下,如果文本小于40%,select将不会到达td的末尾,即,如果文本为20%,select后将有20%的空白。谢谢你的回复。但是,我不能假设文本宽度将小于40%。例如:最后一个标签在两行上,但如果你从css中取出60%,它将在一行上。。。。