如何将图像和a标记放在另一个HTML CSS的顶部
如何将图像和a标记放在另一个HTML CSS的顶部
提问于 2018-07-23 11:34:28
我目前正在尝试为href放置一个标签，并尝试将其添加到图像的顶部，以便当我单击图像时，它会将我发送到该链接。href的格式设置为off，这将使其小于实际图像。我的代码如下。
<div class="row">
<div class="col-sm-6 col-md-3">
<figure class="thumbnail">
<a href = "https://www.google.com" style = "position:relative; left: 200px">
<img src= "img/img-team-5.png" class= "img-responsive" alt= "Image">
</a>
<figcaption class="caption text-center">
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</figcaption>
</figure>
</div>回答 1
Stack Overflow用户
发布于 2018-07-23 12:10:08
即使“标签面积”比图像小，图像也是可点击的。无论如何，如果你想要一个与图片大小相同的标签，你可以试试：
a {
display: inline-block;
}
这是你想要的吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51471265
复制相关文章
相似问题