在列表視圖中收縮列表項的高度

我正在創建可摺疊列表視圖，標記如下。我希望能夠縮小列表項目的高度，目前我只能在手機屏幕上顯示一些列表項目。在列表視圖中收縮列表項的高度

<div id="accMain0" data-role="collapsible" data-inset="true" data-collapsed="false"> 
    <h3> 
     Travel 
    </h3><div id="myAppsSectionGridTable" data-role="listview" data-inset="false"> 
     <li><a onclick="selectApproval(&#39;ed5895bc-0f4a-e211-a9ba-0050568e20a1&#39;,&#39;XP%2boFSgWxG0%3d&#39;,&#39;&#39;,&#39;true&#39;,&#39;false&#39;,&#39;false&#39;,&#39;true&#39;)"><img src="Images/travel.png" alt="" class="ui-li-icon" /><h3> 
    Victor Chavez 
     </h3><p>Try Again NAck12345</p></a></li><li>

來源

2013-03-04 Nick LaMarca

你爲什麼不使用'高度'？ – deadlock 2013-03-04 20:08:14

聽起來像你需要一個[JQUery UI手風琴]（http://jqueryui.com/accordion/）。 – emallove 2013-03-04 20:14:53

我不知道如何實現與jQuery的移動高度？如果我強制高度，那麼它不會在不同的移動設備上調整大小？ – 2013-03-04 20:33:51

好了，你可以重寫margin，padding和font-size，如果你在幾個JQM風格

.ui-li-heading { 
    /*font-size: 16px;*/ 
    margin: .3em 0; 
} 
.ui-li-desc { 
    /*font-size: 12px;*/ 
    margin: -.5em 0 .3em; 
} 

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { 
    padding-top: .2em; 
    padding-bottom: .2em; 
}

這裏要的是一個jsfiddle example

來源

2013-03-04 22:28:11 peterm

在列表視圖中收縮列表項的高度

回答

相關問題