我希望使用JQuery mobile为移动设计的表单中的select字段元素。我正在使用一个标签,然后是三个选择项目。现在,我有两个要求:
1)选择字段元素应始终与标签一起出现在一行中
2)在重新调整浏览器窗口大小时,即改变浏览器的宽度,字段元素应始终保持内联。
我在CSS中使用了屏幕和设备宽度属性。我也尝试修改JQuery提供的移动UI CSS。但它没有帮助。救命。紧急:(
使用的链接:http://jquerymobile.com/demos/1.2.1/docs/forms/selects/
部分:水平分组的选择输入
答案 0 :(得分:0)
您需要更改默认的css行为。更改控制组div,使其始终为内联块并更改字段集,以便不包含任何元素。
div.ui-controlgroup-label{display:inline-block;}
fieldset.ui-controlgroup-horizontal{white-space:nowrap;}
例如,请参阅http://jsfiddle.net/vZcBM/。
或者,您可以设置字段集的最小宽度。
fieldset.ui-controlgroup-horizontal{min-width: 400px;}