Question

我目前在一行中有几个图像有问题。它们彼此相邻，但第一个之后的每张图片都向下移动了一个像素。

也许有人有一个想法，因为我不:(

link：已移除 （较低的投资组合部分就是我所说的）

HTML

#protfolio_sec .all-portfolios {
  margin-top : 20px;
  margin-left : -10px;
}
#protfolio_sec .single-portfolio {
  float : left;
  margin-bottom : 10px;
  width : 277px;
}
#protfolio_sec .single-portfolio:hover .img_hoverlay {
  display : block;
}

<div class="all-portfolios">
  <div class="col-sm-12  col-lg-12 col-md-12 col-xs-12 ">
    <div class="single-portfolio web-design">
	<a href="http://google.de" target="_blank" class="image-border"><img class="img-responsive" src="img/ptf/pre/test.jpg" alt=""></a>
    </div>				
  </div>				
  <div class="col-sm-12  col-lg-12 col-md-12 col-xs-12 ">
    <div class="single-portfolio web-design">
	<a href="http://google.de" target="_blank" class="image-border"><img class="img-responsive" src="img/ptf/pre/test.jpg" alt=""></a>
    </div>  
  </div>				
</div>

如果有人能提供帮助，

会很棒。

谢谢你！

Answer 1

将此css添加到您的自定义CSS

HeapFree

一行中的多个图像产生1px位置误差

1 个答案: