0

JQuery モバイルを使用して、モバイル用に設計されたフォーム内の選択フィールド要素が必要です。ラベルとそれに続く 3 つの選択項目を使用しています。ここで、2 つの要件があります

。1) 選択フィールド要素は、常にラベルと共に 1 行で表示される必要があります。
2) ブラウザー ウィンドウのサイズを変更する、つまりブラウザーの幅を変更する場合、フィールド要素は常にインラインのままにする必要があります。

CSS で画面とデバイスの幅の属性を使用しました。また、JQuery によって提供されるモバイル UI CSS を変更してみました。しかし、それは役に立ちません。ヘルプ。緊急です ：（

使用したリンク: http://jquerymobile.com/demos/1.2.1/docs/forms/selects/
セクション: 水平方向にグループ化された選択入力

4

1 に答える 1

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;}
于 2013-03-24T16:21:07.713 に答える