căn chỉnh các phần tử vào giữa trong footer di động jquery

Question

Tôi đang gặp khó khăn trong việc căn chỉnh các phần tử bên trong chân trang của Trang di động jQuery.
Chúng tôi có ba phần thông tin khác nhau để hiển thị: COPYRIGHT, VERSION NUMBER và CONNECTION STATUS. Mục tiêu là căn chỉnh chân trang theo cách sao cho COPYRIGHT được căn trái, VERSION NUMBER được căn giữa và CONNECTION STATUS được căn phải trên tất cả cùng một dòng chân trang.

tôi đã cố gắng sau đó không may, đã không làm việc:

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

Bất kỳ lời đề nghị làm thế nào để hoàn thành thiết lập sự liên kết này? Rất cám ơn!

Answer 1

Bạn nên sử dụng lưới jQuery Mobile như thế này:

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

Và đây là một ví dụ làm việc: http://jsfiddle.net/Gajotres/e2uaU/

Và phong cách nó như bạn muốn. Tất cả mọi thứ nên được gói trong thẻ h3 để chân trang có thể giữ nguyên chiều cao của nó.