jquery 모바일에서 같은 div에 두 개의 아이콘을주는 방법은 무엇입니까?

Question

나는 left arrow and right arrow

처럼 가진 텍스트와 아이콘으로 표시 할 출력은 다음과 같다 :

< Saturday Sep 08 2012 > 

내가 같은 시도 다음

이

<div data-role=content data-theme="c" style="text-align:center" > 
     <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext"></a> 
     <span><font size="1px" color="blue" >Saturday Sep 08 2012</font></span> 
     <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext"></a> 
    </div> 

Answer 1

당신은 사용할 수 있습니다 그들 자신의 Grid system. 귀하의 예제에서

<div class="ui-grid-b"> 
    <div class="ui-block-a">Block A</div> 
    <div class="ui-block-b">Block B</div> 
    <div class="ui-block-c">Block C</div> 
</div> 

, 당신이 뭔가를 할 것이다 : 귀하의 의견에서

<div class="ui-grid-b"> 
    <div class="ui-block-a"> 
     <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext"></a> 
    </div> 
    <div class="ui-block-b"> 
     <span><font size="1px" color="blue" >Saturday Sep 08 2012</font></span> 
    </div> 
    <div class="ui-block-c"> 
     <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext"></a> 
    </div> 
</div> 

---

, 당신은 올바른 위치에있는 요소를 정렬하기 위해 자신 만의 스타일을 사용하기 만하면 모든 .

이 라이브 예 참조 : http://jsbin.com/imokaw/1/edit