2

jquery mobileまたは関連するモバイルUIフレームワークの経験があまりないので、要素を水平方向に配置するのが難しいと感じています。

テキストフィールドを水平方向に揃えてタグを選択したい。インラインで表示されるようにします。

data-type="horizo​​ntal"とdata-inline="true"を試しました。しかし、彼らは働いていません。

これが私が使用しているコードです、

<div data-role="controlgroup" data-type="horizontal">
      <label for="cs" class="fieldLabel">option 1: </label>
      <select name="cs[param_string_1]" id="cs[param_string_1]" data-inline="true">
          <option>options</option>
      </select>
      <input type="text" data-inline="true" style="width:100px" id="cs[param_num_1]" name="cs[param_num_1]"  />  
</div>

コメント/提案？

4

4 に答える 4

4

トムの答えは役に立ちました。しかし、そのくぼみは必要に応じて正確に機能します

以下を使用して、必要な出力を取得しました。

   <div data-role="controlgroup" data-type="horizontal">
       <table>
         <tr>
           <td width="30%">
             <select name="cs_abc" class="fieldLabel" style="width: 100%" data-inline="true"  id="cs[abc]">
               <option>...</option>         
             </select>  
             </td>
             <td width="70%">
               <input type="text" id="cs_xyz"  style="width:160px" data-theme="d"  name="cs[xyz]" />
             </td>
           </tr>
         </table>
    </div>

これにはレイアウト グリッドを使用できます (ここを参照) 。

ただし、レイアウト グリッドでは正確な結果が得られない場合があります。少なくとも私の場合、必要な配置が得られませんでした。

いくつかの良いフィドルは役に立ちました。

于 2012-04-15T20:37:03.400 に答える
1

テキスト入力とテキストエリアを見てください。

data-inline単独ではサポートされませんが、data-role=fieldcontain代わりに以下を使用できます。

<div data-role="fieldcontain">
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" value=""  />
</div>

私が見る限り、jQuery Moblie だけを使用して複数の入力を並べて配置することはできません...

于 2012-04-10T18:29:37.557 に答える
1 
<div href="#" data-role="button" style="margin:30px;">Adjust</div>

左右の調整だけを操作したい場合は、style="margin-left=30px;margin-right=30px;"

于 2013-02-27T06:47:12.030 に答える