javascript - 每个列表项底部的 Jquery Mobile listview 间隙

Question

我想摆脱列表视图底部的空白。

这是我的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>';

我将如何摆脱这个差距？

Answer 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;}