2

フッターの一部である jQuery Mobile にコントロール グループがあります。

<div data-role="controlgroup" data-type="horizontal">
  <a data-role="button" data-icon="toomanynotes-back" data-iconpos="notext"></a>
  <a data-role="button" data-icon="toomanynotes-play" data-iconpos="notext"></a>
  <a data-role="button" data-icon="toomanynotes-next" data-iconpos="notext"></a>
</div>

問題ないように見えますが、常にフッターのできるだけ左端にあります。このフォーラムの投稿を見つけましたが、うまくいきませんでした。コントロール グループを (水平方向に) フッターの中央に配置するにはどうすればよいですか?

4

5 に答える 5

1

これはjqm1.1.1で変更されたようです。text-align：center; 動作しましたが、現在は動作しません。

于 2012-07-16T11:33:56.840 に答える
0

1.2.0 でしなければならなかった唯一のことは、text-align: center を使用して中央に配置することです。

于 2012-12-16T09:09:37.183 に答える
0

他のいくつかの CSS プロパティが機能することがわかりました。

#playdiv {
    font-size:1.0em;
    margin: 0 auto;
    width:100%;
    text-align: center;
    position:relative;
    left:50%
}
于 2012-07-14T19:29:23.663 に答える
0

CSS を変更してボタンを中央に配置しようとして、約 2 時間無駄にしました。代わりにレイアウト グリッドを使用することを強くお勧めします。

<fieldset 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>     
</fieldset>

ソース: http://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html

于 2014-02-16T01:33:33.370 に答える