如何使用jquery mobile將文本對齊到同一行？

enter image description here 我正在使用jQuery的手機，我有一個如何應用CSS的問題。我有下面的圖片，我希望與其他文字在同一行上的$ 10，除了與右邊對齊。如何使用jquery mobile將文本對齊到同一行？

我習慣了twitter引導，我將所有文本放在同一行，然後讓內容坐在不同的跨度（span10和span2，也許）。任何關於如何使用jquery mobile來做到這一點的建議？

代碼：

 <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a" style="white-space:normal"> 
      <a class="changePageButton" data-transition="slide"> 

      <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-c ui-corner-top"><h2>Himalayan Flavors<small> (0.5 mi)</small></h2> 
       <span style="float:right"><label for="province">$10</label></span> 
       <right><p>$40 for $20</p></right></li> 

      <li class="custom_listview_img" style = "background-image:url('http://c.yipitcdn.com/thumbor/SOWRPRFYvkagojw-sA_VPeSKK_k=/408x357/smart/c.yipitcdn.com/deal/20-to-spend-on-food-and-drink-3761-1374483321.jpg');"></li> 
     </a> 
     </ul> 

    <style> 
     .custom_listview_img { 
      margin:0px; 
      padding:0px; 
      background-repeat:no-repeat; 
      background-size:100%; 
      height:150px; 
     } 
    </style>

來源

2013-07-28 sharataka

請添加一些代碼，以供參考。 –

添加相關代碼 – sharataka

a屬性應該在

內//這裏是您的 –

如果你正在使用jQuery Mobile的，你可以使用

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a" style="white-space:normal"> 
    <a class="changePageButton" data-transition="slide"> 
    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-c ui-corner-top"> 
     <h2>Himalayan Flavors<small> (0.5 mi)</small></h2> 
      <p class="ui-li-aside"><strong>$10</strong>PM</p> 
      <p>$40 for $20</p> 
    </li> 

</a>  
</ul>

http://jsfiddle.net/4ZbnZ/

來源

2013-07-29 07:21:54

如何使用jquery mobile將文本對齊到同一行？

回答

相關問題