1

在 iOS 应用程序上，我试图列出用户图库中的所有图像，在每个图像的左上角（或右上角）浮动一个可点击的红色 x，并以网格模式显示，我在这里的内容在我的浏览器中有效但是当我在 phonegap 中运行它时，它在 iOS 或 android 中无法正确显示。我不确定从这里去哪里，或者是否有可能，如果这很重要，我正在使用 jQuery mobile。我尝试在没有 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. Span#client_logos应该是一个 div，因为它不能正确地将 html 元素包装在一个 span 内。
  2. CSS 已声明.clients_logos，但您的 span 使用的是 ID，根本没有使用任何类。

  3. fimg并且timg正在使用position: absolute，但他的父母.imgspan没有职位，您应该添加一个职位：

    .imgspan {
    显示：内联块；
    边距：0 5px；
    宽度：120px；
    高度：120px；
}
于 2013-05-23T00:46:17.123 回答