1

iOS アプリで、ユーザー ギャラリーからすべての画像を一覧表示し、それぞれの左上 (または右) 隅にクリック可能な赤い x を浮かせ、グリッド パターンで表示しようとしています。ここにあるものはブラウザで機能します。しかし、phonegap で実行すると、iOS または Android で正しく表示されません。ここからどこに行くべきか、またはそれが可能である場合でも、それが重要な場合は jQuery モバイルを使用しています。jQueryなしでコードを実行しようとしましたが、同じ結果が得られました..

<span id="client_logos">
    <div class="imgspan">
        <img src="img1.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>

    <div class="imgspan">
        <img src="img2.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>

    <div class="imgspan">
        <img src="img3.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>
</span>

私のcssは：

.client_logos {
    display: inline-block;
    width:100%;
}
.timg {
    position:absolute;
}
.fimg {
    float:left;
    position:absolute;
}
.imgspan {
    display: inline-block;
    margin: 0 5px;
    width:120px;
    height:120px;
}
4

1 に答える 1

0

あなたのコードには多くの間違いがありました。おそらく問題です:

  1. スパン#client_logos内にhtml要素を正しくラップしないため、スパンはdivにする必要があります。
  2. CSS は宣言され.clients_logosていますが、スパンは ID を使用しており、クラスはまったく使用されていません。

  3. fimgをtimg使用していますposition: absoluteが、彼の親.imgspanにはポジションがありません。ポジションを追加する必要があります。

    .imgspan {
    表示: インラインブロック;
    マージン: 0 5px;
    幅:120px;
    高さ:120px;
}
于 2013-05-23T00:46:17.123 に答える