<分区>
html - 删除图像之间的空间
我想一起显示一些图像，但在图像高度之间留一个空格
我的部分代码
html:
<div class="work">
<div class="work_hover">
<a href="uploads/original/tg15.jpg" rel="cam"></a>
</div>
<img src="uploads/original/tg15.jpg" class="media" alt="">
</div>
<div class="work">
<div class="work_hover">
<a href="uploads/original/tg14.jpg" rel="cam"></a>
</div>
<img src="uploads/original/tg14.jpg" class="media" alt="">
</div>
<div class="work">
<div class="work_hover">
<a href="uploads/original/tg13.jpg" rel="cam"></a>
</div><img src="uploads/original/tg13.jpg" class="media" alt="">
</div>
<div class="work">
<div class="work_hover">
<a href="uploads/original/tg12.jpg" rel="cam"></a>
</div><img src="uploads/original/tg12.jpg" class="media" alt="">
</div>
<div class="work">
<div class="work_hover">
<a href="uploads/original/tg10.jpg" rel="cam"></a>
</div><img src="uploads/original/tg10.jpg" class="media" alt="">
</div>
CSS:
.work {
display: block;
width: 33.3333%;
height: auto;
float: left;
position: relative;
overflow: hidden;
}
如何删除这个空间？？
最佳答案
将行中所有图像的 height 属性设置为相同的值。使用 height:auto; 时，图像将与动态的 width 保持比例，但您将获得该空间。
关于html - 删除图像之间的空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32488264/