Twitter bootstrap Bootstrap row fluid 3行7个磁贴,不带空格
我在取消磁贴上的空格时遇到问题。我需要它是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
<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;浮动:左
,因为空格仅适用于内联元素。这也是