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"><ul data-inline="true" style="font-size:60%; font-weight:normal;"><li style="white-space:normal">You viewed ' + itemName + '</li><li style="white-space:normal">You spent '+itemTimeSpent+' on this activity</li><li style="white-space:normal">You '+itemRating+' this item</li><p class="ui-li-aside">'+itemViewedTime+'</p></ul></div></li>';

这就是它的样子

Answer 1

您可能希望减少大多数浏览器自动设置的列表的左侧填充。

ul{
padding-left:10px; //do not set this to 0 because of the list marks
border-left:0px;
margin-left:0px;
}