我正在使用的当前列表视图在文本的上方和下方有额外的空间。我如何使它成为一个非常紧凑的? 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>
答案 0 :(得分:1)
额外空间由 h6 和 p 标记创建。使用自定义span类,然后您可以根据需要定位和调整文本大小......
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
}