Elemente ausrichten, um in jquery mobile Fußzeile zu zentrieren

Question

Ich habe Schwierigkeiten, Elemente in der Fußzeile einer jQuery Mobile Page auszurichten.
Wir haben drei verschiedene Informationen zur Anzeige: COPYRIGHT, VERSION NUMBER und CONNECTION STATUS. Das Ziel besteht darin, die Fußzeile so auszurichten, dass COPYRIGHT linksbündig ausgerichtet ist, die VERSIONSNUMMER zentriert ist und der VERBINDUNGSSTATUS rechtsbündig auf derselben Fußzeile ausgerichtet ist.

habe ich versucht, die folgenden, die leider nicht funktioniert hat:

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

diese Ausrichtung Setup Irgendwelche Vorschläge, wie man erreichen? Vielen Dank!

Answer 1

Sie sollten jQuery Mobile Raster wie folgt verwenden:

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

Und hier ist ein funktionierendes Beispiel: http://jsfiddle.net/Gajotres/e2uaU/

und Stil es, wie Sie wollen. Alles sollte in h3-Tags eingeschlossen sein, damit die Fußzeile ihre Höhe behalten kann.