5

ではJquery mobile、水平ボタンをグループ化できますが、グループの幅は100%ではありません。

設定するクラスを追加しようとしましたwidth:100%が、機能しませんでした。

どうすればいいですか?

ありがとうございました!

width="50%"更新+可能な修正:両方のボタンで明示的に使用していたため、失敗していたようです。私がやった45%とフィット。おそらくボタンにはいくつかのマージンがありますか?

修正が適用されたソースコード:http://pastebin.com/ZXDNfAU1

4

5 に答える 5

9
<div class="ui-grid-a">
    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
</div>

上記は、フッターまたはヘッダー要素にない場合に実行されます。2つの列グリッドがここにあります:http: //view.jquerymobile.com/master/demos/grids-buttons/

フッター内でそれを達成する方法がわかりません

于 2011-02-09T06:36:39.673 に答える
1
<div data-role="controlgroup" data-type="horizontal">
  <a href="index.html" data-role="button">Yes</a>
  <a href="index.html" data-role="button">No</a>
</div>

ドキュメントから上記のコードを取得しました:http: //jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

自分で試してみましたが、問題なく動作します。画面の100%を占めるように拡張する2つのボタンが並んで表示されます。

于 2011-05-22T03:34:58.903 に答える
1
<div class="ui-grid-solo">
    <div class="ui-block-a">
         <input type="submit" name="Action" value="Register" data-theme="b"/>
    </div>
</div

これは動作します

于 2013-06-04T04:13:19.693 に答える
0

ファイヤーバグで調べて、表示が悪くなる原因を確認します。

data-type="horizontal"そして、ソースのコントロールグループdivに追加します。

于 2011-02-09T08:41:46.323 に答える
0

横2ボタンが必要な場合は使用できます

<div style="float:left; " >  
<div style="float:right;" >
于 2017-03-05T15:44:24.633 に答える