如何去除图片空白处的锚标签?现在空格是可点击的,我不希望这样。将鼠标悬停在图像周围的空白处,即可获得我正在谈论的内容。该codepen链接https://codepen.io/sakirinteser/pen/rGvbmO如何在图像周围去除此锚标记的填充?
.portfolio h2 {
text-align: center;
font-size: 2.5em;
color: #27292d;
padding-top: 4%;
line-height: 1.3;
}
.port {
text-align: center;
color: #27292d;
padding-bottom: 3%;
}
.thumbs {
display: flex;
justify-content: space-around;
margin-bottom: 2%;
}
.thumbs img {
width: 60%;
padding: 0 !important;
}
.portfolio a {
margin: 0 auto;
text-align: center;
}
<div class="portfolio">
<section>
<h2>Past Work</h2>
<p class="port">We have worked on a diverse range of projects in the past, here is a quick snapshot:</p>
<div class="thumbs designthumbs">
<a href="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781" class="swipebox"><img class="wow animated fadeInLeft" src="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781"></a>
<a href="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781" class="swipebox"><img class="wow animated fadeInLeft" src="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781"></a>
</div>
<div class="thumbs">
<a href="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781" class="swipebox"><img class="wow animated fadeInLeft" src="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781"></a>
<a href="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781" class="swipebox"><img class="wow animated fadeInLeft" src="https://cmeimg-a.akamaihd.net/640/clsd/getty/c64f76dc20c246ca88ee180fe4b4b781"></a>
</div>
</section>
</div>
如何从图像周围的空格去掉标签的填充?任何帮助表示赞赏。
你能解释一下flex:0 0 25%;是什么?或者将我链接到关于它的文档?我目前正在使用移动设备,并且您的答案能够正常工作,一旦我在桌面上进行测试,我会将其标记为正确答案。谢谢。 –
这是'flex-grow','flex-shrink'和'flex-basis'的缩写。在这种情况下,它表示*不增长*,*不缩小*,设置25%的固定宽度。 –