0

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 相同

4

2 回答 2

1

应该是一样的,因为 (31.5*3) + (1.8*2) = 98.1。所以 1.9% 在你申请的时候留在右边float: left。左边的空白区域可能看起来像边距。

于 2013-05-10T05:52:07.983 回答
0

.col-3 和 .last 类的宽度应为 32%,.col-3 类的 margin-right 应为 2%。

于 2013-05-10T06:10:47.073 回答