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