当有标签时,最大化表中的选择宽度
Maximize select width in table when having a label
这看起来像是应该有一个简单答案的事情之一,但我找不到任何解决方案…
我有一个表,它包含几个select元素,这些元素在同一行的前面有一些文本标签。我想最大化select的宽度,直到td元素结束。我不能使用固定宽度。
如果我使用宽度=100%,那么选择将在另一行上推出标签。默认情况下,选择的宽度等于最长选项的宽度。
以下是默认的工作方式:http://goo.gl/KiSGcK
理想情况下,这也适用于select2,其中默认宽度设置为第一个选项的宽度。
我尝试包装select和/或divs中的标签,设置不同的css选项(浮动、内联显示等),但没有成功。有什么想法吗?
尝试设置float:left;也为您的标签和表格。然后将它们设置为以百分比为单位的宽度,总宽度为100%。像这个标签(宽度:40%)和表格(宽度:除边框外的60%)。
终于找到了一个解决方案:使用overflow: hidden
。
它在这里:http://goo.gl/mXNRZN
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 使用此选项选择父类内部的类
- jQuery最近父级的数据属性选择器
- 遍历类元素数组,并在jquery中选择同级元素
- CKeditor:更改对话框中的默认选择选项
- 当有标签时,最大化表中的选择宽度