javascript - 有标签时最大化表格中的选择宽度

Question

这看起来应该有一个简单的答案，但是我找不到任何解决方案...

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

如果我使用 width=100%，那么选择会将标签推出不同的行。默认情况下，选择宽度等于最长选项的宽度。

这是默认的工作方式:http://goo.gl/KiSGcK

理想情况下，这也适用于 select2，其中默认宽度设置为第一个选项的宽度。

我曾尝试将 select 和/或标签包装在 divs 中，设置不同的 css 选项( float 、显示内联等)但没有成功。有任何想法吗？

Answer 1

尝试设置float: left;也为您的标签和表格。然后将它们设置为总宽度为 100% 的百分比宽度。像这个标签(宽度:40%)和表格(宽度:60% 除了边框)。