2013-07-21 149 views
0

enter image description here清單項目

的底部jQuery Mobile的ListView的差距我想在列表視圖的底部擺脫的差距。

這裏是我的CSS

.myParagraph.ui-li-desc { 
     color:#333; 
     overflow:show; 
     white-space:normal; 
     height:28px; 
     margin-bottom:0px; 
    } 

這裏是我的標記:

listitems_markup = '<li><img src="' + itemThumbnail + '""><div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>'; 

我將如何擺脫這種差距?

+0

嘗試li.myParagraph.ui麗遞減或重要保證金 – Hushme

+0

@Hushme試圖.li.myParagraph.ui麗遞減didnt工作,你如何做重要的保證金? – Dot

+0

margin-bottom:0px!important; – Hushme

回答

1

試試這個

 listitems_markup = '<li class="nomarigin"><img src="' + itemThumbnail + '""> 
<div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>'; 

在CSS

.nomarigin {margin-bottom:0 !important;} 
+0

謝謝,我試過了,它現在看起來很整潔,但我想通了,它不能擺脫差距,因爲在移動視圖較小的屏幕上,對listview的描述很長,並且它將文本包裝到div中,所以在移動視圖中出現更大的差距。沒關係,我會放棄這種方式,但加入你的nomargin使它更加整潔。謝謝 – Dot