Question

我想根据示例here为我的列表项添加缩略图。

我已经关注了instructions，例如：

要在列表项的左侧添加缩略图，只需添加图像即可在列表项内部作为第一个子元素。该框架将将图像缩放到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>

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