Question

首先在这里发帖，我已经阅读了指导，所以我希望我能正确地提问。

我一直试图让图像适合div，但会发生什么呢？它适合div，但不会延伸到它的大小。

我一直试图做的另一件事就是让图片可以点击。

有没有办法从css调用图像？

这是我一直在尝试的事情。

＆＃13;

#container {
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;
  margin-bottom: 50px;
  max-width: 80%;
  height: 500px;
  border-bottom: 50px solid #000000;
  border-top: 50px solid #000000;
}

#container img {
  width: 100%;
  display: block;
}

＆＃13;

<div id="container">
  <img src="images/slider.jpg" alt="design"  />
</div>

＆＃13;

我也应该使用id和＃或class。？

Answer 1

只有一个#container用于contain元素的目的，应该没问题。我已经更新了你提出问题的方式。那也没关系。根据您的情况，您可能应该删除border。

#container {
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;
  margin-bottom: 50px;
  height: 500px;
  /*border-bottom: 50px solid #000000;
  border-top: 50px solid #000000;*/
}

#container img {
  width: 100%;
  display: block;
  cursor: pointer;
}

<div id="container">
  <img src="http://placehold.it/400x400" alt="design" onclick="alert('Hi, you have clicked!');" />
</div>

图像适合div大小并使其可点击

1 个答案: