Wyrównanie elementów do centrum w stopce mobilnej jquery

Question

Mam trudności z wyrównaniem elementów wewnątrz stopki strony jQuery Mobile.
Mamy trzy różne informacje do wyświetlenia: COPYRIGHT, VERSION NUMBER i STATUS POŁĄCZENIA. Celem jest wyrównanie stopki w taki sposób, aby PRAWO AUTORSKIE zostało wyrównane do lewej, LICZBA WERSJI jest wyśrodkowana, a STATUS POŁĄCZENIA jest wyrównany do prawej strony na tej samej linii stopki.

Próbowałem następujących który niestety nie działa:

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

Wszelkie sugestie, jak osiągnąć tę konfigurację wyrównania? Wielkie dzięki!

Answer 1

Należy użyć siatkę jQuery komórkowy tak:

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

A oto przykład roboczych: http://jsfiddle.net/Gajotres/e2uaU/

i styl to jak chcesz. Wszystko powinno być zapakowane w znacznik h3, aby stopka mogła zachować swoją wysokość.