垃圾清單中的奇怪空間

Question

我正在設計一個縮略圖，並在我的網站上傳了最新的圖片。在項目中使用bootstrap twitter。 縮略圖工作正常，除了一點細節。縮略圖包含3行4列，在第二行中，在第一，第二和第三列表位置中存在空格。這是一個屏幕：

與Smarty的生成的HTML代碼，它的代碼，並且工作得很好：

<ul class="thumbnails lastFotos"> 
{foreach from=$last_fotos item="foto"} 
    <li class="span1"><a class="thumbnail"><img src="{$BASE_URL}/assets/img/galeria/{$foto.Nombre}" alt="{$foto.Nombre}"/></a></li> 
{/foreach} 
</ul> 

縮略圖，縮略圖和SPAN1是Bootswrap類，而這lastFotos是爲我創建的類，改變一些Bootstrap的配置：

ul.lastFotos{ margin-left: 22px; } 

ul.lastFotos li{ display: inline; margin-bottom: 7px; margin-left: 5px; } 

ul.lastFotos li a{ border-radius: 0; padding: 2px; } 

ul.lastFotos li a:hover{ border-color: #8e84b8; } 

有什麼想法？

Answer 1

這是因爲圖像的大小不同，給height到list或image它會解決它

像

ul.lastFotos li {height:60px;} 

或

ul.lastFotos li img{width:60px;height:60px;}