<分区>
<分区>
我在使用链接和 img 时遇到问题,因为链接中的空间很小。
HTML:
<div class="gridgallery">
<figure><a href="../img/1-1.jpg" data-caption="Golden Gate Bridge">
<img src="../img/thumbs/1-1.jpg"></a></figure>
</div>
CSS:
.gridgallery figure {
background: #fff;
margin:0px;
}
.gridgallery figure img {
width: 100% !important;
max-width:100%;
opacity: 0.95;
}
#gallerytitle {
width:950px;
max-width:100%;
margin:0px auto 15px auto;
}
演示:https://jsfiddle.net/paolobasso99/33h4ypab/1/
最佳答案
像这样尝试: Demo
.gridgallery figure img {
width: 100% !important;
max-width:100%;
opacity: 0.95;
display:block;
}
关于html - 链接在图片下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30572594/