jquerymobile緊湊列表視圖css

Question

我正在使用的當前列表視圖在文本的上方和下方都有額外的空間。我如何使它變得非常緊湊？ http://jsfiddle.net/qW6sP/8/

 <ul data-role="listview" data-theme="d" data-divider-theme="d">    
     <li> 
       <h6 style='font-size:8pt;'>Mode: repairing</h6> 
       <p>00 hours 00 mins 00 secs</p>      
       <p class="ui-li-aside"><a href="#" data-role="button" class="ui-btn-right" id="dismissbtn" onclick="fadeint()" data-mini="true" >Done</a></p> 

     </li> 
     </ul> 

Answer 1

額外的空間由H6和p標記創建。使用自定義跨度類，然後你可以定位並不過文本你想要的大小...

HTML：

<span class="compactHeader"> Mode: repairing </span> 
<span class="compactText">00 hours 00 mins 00 secs</span> 

CSS：

.compactHeader 
{ 
    //set size and positioning as you want. 
} 

.compactText 
{ 
    //set size and positioning as you want 
}