Question

http://seattleasce.org/images/test_gallery/ymf_history.php

我正在使用此网站，并一直在尝试删除图像之间的额外空白区域。我正在使用bootstrap和bootstrap图库库，似乎无法弄清楚如何解决这个问题。任何帮助都会非常感激！

Answer 1

问题是a元素本身就是inline-block，它具有大约1或2px的自然填充。有一些黑客可以删除间距，但最好使用float: left代替。请务必清除浮动内容或将overflow: hidden添加到其父级。

EX：

/*CSS*/

.SomeClassName{
  display: block;      
  float: left;
}

<!--HTML-->

<a href=" /images/test_gallery/IMG_0422.JPG " data-gallery="" class="SomeClassName"> 
  <img width="100px" src=" /images/test_gallery/resize/IMG_0422.JPG ">
</a>

Bootstrap IMAGE Gallery中图像周围的空白区域

1 个答案: