减少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;
}