jquery-mobile - Jquery Mobile：向列表项添加缩略图会将文本移动到图像下方

Question

我想按照此处的示例将缩略图添加到我的列表项中。

我已按照说明进行操作，例如：

要将缩略图添加到列表项的左侧，只需在列表项中添加一个图像作为第一个子元素。该框架会将图像缩放为 80 像素正方形。

但是缩略图出现在我的文本上方，而不是在左边。

我的 HTML 是：

<li><img src="img/facebook.png"/><a id="facebook" href="#">Facebook</a></li>

有人知道这样做的正确方法吗？

Answer 1

尝试将您的图像包含在标签中。

像那样...

<li><a id="facebook" href="#"><img src="img/facebook.png"/><h2>Facebook</h2></a></li>

Answer 2

我只是在此处添加此内容，因为您似乎无法在评论中设置格式。如果您在您提到的页面上进行“开源”，您将看到以下内容：

<li><a href="index.html">
    <img src="images/album-bb.jpg" />
    <h3>Broken Bells</h3>
    <p>Broken Bells</p>
</a></li>

只需指出它有助于检查您要模拟的样本的来源。