如何使用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将文本对齐到同一行？

回答

相关问题