0

こんにちは、サムネイル付きのリストビューを追加しました

使用して

<ul data-role="listview" data-inset="false" data-theme="a" data-dividertheme="d">
<li><a href="image.php?imgid=2">  
    <img src="../images/comma.png" class="ui-li-thumb" />  
    <h3 class="ui-li-heading">Colleeeeeeeeeeeeege</h3>  
    <p class="ui-li-desc">by Scott Hill</p></a></li> 
</ul>

画像を取得しますが、サムネイル領域に収める方法は中心ではありません

ここで画像を参照してください

ここに画像の説明を入力

助けて本当に感謝しています

4

2 に答える 2

1

私も同じ問題を抱えていました。以下のイベントを追加して、必要なトップパディングを設定しました。

$("img[class='ui-li-thumb']").load(function() {
    $(this).css('padding-top',((80-this.height)/2));
});
于 2013-01-13T23:19:44.907 に答える
0

リスト ビューで各リストの高さを固定している場合は、img タグに margin-top を指定して、中央に来るように調整できます。

<style>
.listex{
height:50px;
}
 .ui-li-thumb{
   margin-top:10px;
 }
</style>
<ul data-role="listview" data-inset="false" data-theme="a" data-dividertheme="d">
   <li class="listex"><a href="image.php?imgid=2">  
       <img src="../images/comma.png" class="ui-li-thumb" />  
       <h3 class="ui-li-heading">Colleeeeeeeeeeeeege</h3>  
       <p class="ui-li-desc">by Scott Hill</p></a>
   </li> 
</ul>

それに応じて、height と margin-top の値を設定する必要があります。

于 2012-12-18T07:13:53.170 に答える