Question

好的我正在创建一个网站，在我的一个页面上有几个图像，正如您从下面的代码中看到的那样，它们都有img标记。我知道你需要让不同的图像独特，这样他们就不会都遵循相同的css标签，但我正在努力使我的工作，因为他们都遵循＆＃34; img＆＃34; css标签，我无法解决问题。也出于某种原因，图像已经在页脚中结束，即使没有任何CSS，它仍然会停留在那里。

HTML代码

<h4>Download CV</h4>
      ˚<p> If you want to see my full resume please click the link below and enjoy!</p>
        <a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV">
        <div class ="imagelist" id = "imagelist" > 
        <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" />
        </a>

CSS代码

imagelist{
margin-left:500px;
}

img{
float:none;
margin-top: 50px;
margin-left: 20px;
}

Answer 1

您可能想要关闭div.imagelist

<h4>Download CV</h4>
<p> If you want to see my full resume please click the link below and enjoy!</p>
<a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV">
  <div class ="imagelist" id = "imagelist" > 
    <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" />
  </div>
</a>

此外，在你的img上使用同一个课程，它的主题不会因你的造型而变得很棒。我建议从 img 标记中删除该类，并使用以下css将图像定位到图像列表中：

.imagelist img {}

对于当前的css，你忘了在 imagelist 前面放一个点

希望这可以帮助您保持持续。

当html文档中有多个图像时，如何定位图像

1 个答案: