6

jQuery Mobile ページのフッター内の要素を揃えるのに苦労しています。
表示する情報は、著作権、バージョン番号、接続ステータスの 3 つです。目標は、COPYRIGHT が左揃え、VERSION NUMBER が中央揃え、CONNECTION STATUS がすべて同じフッター行で右揃えになるようにフッターを揃えることです。

残念ながら、うまくいかなかった次のことを試しました：

<div data-role="footer">
<span style="text-align:left">COPYRIGHT</span>
<span style="text-align:center">VERSION NUMBER</span>
<span style="text-align:right">CONNECTION STATUS</span>
</div>

このアライメント設定を達成する方法について何か提案はありますか? どうもありがとう！

4

1 に答える 1

7

次のようなjQueryMobileグリッドを使用する必要があります。

    <div data-theme="a" data-role="footer" data-position="fixed">
        <h3>
            <div class="ui-grid-b">
                <div class="ui-block-a" style="text-align: left;">COPYRIGHT</div>
                <div class="ui-block-b" style="text-align: center;">VERSION NUMBER</div>
                <div class="ui-block-c" style="text-align: right;">CONNECTION STATUS</div>                
            </div><!-- /grid-a -->
        </h3>                
    </div>

そして、これが実際の例です：http: //jsfiddle.net/Gajotres/e2uaU/

そして、あなたが望むようにそれをスタイリングします。フッターがその高さを維持できるように、すべてをh3タグでラップする必要があります。

于 2013-03-06T15:00:23.623 に答える