一行中的多幅图像会产生1 1px位置误差。

Question

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

也许有人有个主意，因为我没有：

链接:删除(下面的投资组合部分就是我所说的)

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

.all-portfolios div[class*=col-]
{
min-height:auto !important;
}