Twitter bootstrap Bootstrap row fluid 3行7个磁贴,不带空格

Twitter bootstrap Bootstrap row fluid 3行7个磁贴,不带空格,twitter-bootstrap,Twitter Bootstrap,我在取消磁贴上的空格时遇到问题。我需要它是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"&g

我在取消磁贴上的空格时遇到问题。我需要它是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>


如何取消磁贴之间的空格?

该空格是由图像之间的空白造成的。在HTML中,内联元素之间的任何空白都被视为一个空格

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

.the-team .row-fluid {
    font-size:0;
}
这也可以在HTML中通过删除图像之间的空格和返回来修复


另一种方法是在图像的左侧放置一个小的负边距,除第一张图像外,其他所有图像上的负边距约为.25em。最后一个选择不是很可靠,因为所需的边距随字体而变化,如果缺少空间,将过度补偿。

为了适应每行7个瓷砖,我调整了图像的大小:)非常感谢!:)不是真的,我以前被这个怪物烧死过。治疗方法很多,另一种是使图像
显示:block;浮动:左
,因为空格仅适用于内联元素。这也是