Bootstrap row-fluid 7个瓷砖，3行没有空格

Question

我在取消瓷砖上的空间时遇到了问题。我需要它是3行和7个瓷砖没有空格。

<section class="the-team">
    <div class="container text-center">
        <div class="row-fluid">
             <img src="images/profiles/1.jpg">
             <img src="images/profiles/2.jpg">
             <img src="images/profiles/3.jpg">
             <img src="images/profiles/4.jpg">
             <img src="images/profiles/5.jpg">
             <img src="images/profiles/6.jpg">
             <img src="images/profiles/7.jpg">
             <img src="images/profiles/8.jpg">
             <img src="images/profiles/9.jpg">
             <img src="images/profiles/10.jpg">
             <img src="images/profiles/11.jpg">
             <img src="images/profiles/12.jpg">
             <img src="images/profiles/13.jpg">
             <img src="images/profiles/14.jpg">
             <img src="images/profiles/15.jpg">
             <img src="images/profiles/16.jpg">
             <img src="images/profiles/17.jpg">
             <img src="images/profiles/18.jpg">
             <img src="images/profiles/19.jpg">
             <img src="images/profiles/20.jpg">
             <img src="images/profiles/21.jpg">
        </div>
    </div><!--//container-->
</section>

如何取消拼贴之间的空格？

Answer 1

空间是由图像之间的空白引起的。在HTML中，内联元素之间的任何数量的空格都被视为一个空格。

如果在div上设置字体大小为0，则空格将消失。

.the-team .row-fluid {
    font-size:0;
}

这也可以通过删除空格并在图像之间返回来在HTML中修复。

另一种方法是在图像的左侧放置一个小的负边距，除了第一张图像外，大约为.25em。最后的选择不是很强大，因为所需的边距因字体而异，如果缺少空间则会过度补偿。