HTML
<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image1.jpg" title="New Home Number Two"><img src="images/thumb_image1.jpg" class="fade" alt="" width="100%" /></a></div>
<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image2.jpg" title="New Home Number Two"><img src="images/thumb_image2.jpg" class="fade" alt="" width="100%" /></a></div>
<div class="last"><a class="fancybox-effects-c" rel="group" href="images/image3.jpg" title="New Home Number Three"><img src="images/thumb_image3.jpg" class="fade" alt="" width="100%" /></a></div>
CSS
.col-3 {
width:31.5%;
float:left;
margin-right:1.8%;
margin-bottom:1.6949%;
display:block;
}
.last {
width:31.5%;
float:left;
margin-right:0;
margin-bottom:1.6949%;
display:block;
}
有了这个代码。我在右边的图像应该有 0 边距。但他们没有。它们与 col-3 相同