jquery - 总是需要内联选择字段元素-Jquery Mobile

Question

我想要使​​用 JQuery mobile 为移动设备设计的表单中的选择字段元素。我正在使用一个标签，然后是三个选择项。现在，我有两个要求：

1）选择字段元素应始终与标签一起出现在一行中。
2）在重新调整浏览器窗口大小时，即改变浏览器的宽度，字段元素应始终保持内联。

我在 CSS 中使用了屏幕和设备宽度属性。我还尝试修改由 JQuery 提供的移动 UI CSS。但这没有帮助。帮助。这很紧急 ：（

使用的链接：http: //jquerymobile.com/demos/1.2.1/docs/forms/selects/
部分：水平分组的选择输入

Answer 1

您需要更改默认的 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;}