空白圍繞在引導IMG圖庫圖像

http://seattleasce.org/images/test_gallery/ymf_history.php 空白圍繞在引導IMG圖庫圖像

我工作的這個網站，並一直在試圖移除圖像之間多餘的空白。我使用bootstrap和bootstrap圖片庫庫，似乎無法弄清楚如何解決這個問題。任何幫助將非常感激！

2014-12-22 Eric K

問題是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>

來源

2014-12-22 03:01:04 jmore009

所以你說，如果我申請的CSS屬性浮動：左和溢出：隱藏我應該能夠刪除的空間？我嘗試過，但無法讓它工作。 –

我查了一下，你已經有了父母的clearfix，所以不用擔心'overflow：hidden'。我建議你爲包裝這些圖像的所有'a'標籤添加一個類（你不想在頁面上浮動所有'a'），然後向該類添加'float：left'。 – jmore009

我還建議在該類中包含'display：block'，這樣''a'標籤不會摺疊 – jmore009

空白圍繞在引導IMG圖庫圖像

回答

相關問題