0

サイトにアップロードされた最新の写真でサムネイルをデザインしようとしています。プロジェクトでは、ブートストラップ twitter を使用します。サムネイルは、細部を除いて正常に機能します。サムネイルには 3 行 4 列が含まれており、2 行目では、1 番目、2 番目、3 番目のリストの場所にスペースが存在します。それはスクリーンです： ここに画像の説明を入力

HTML コードは Smarty で生成されたもので、コードであり、正常に動作します。

<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>

Thumbnails、thumbnails、および 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; }

何か案は ？。

4

1 に答える 1

1

これは、画像のサイズが異なるためです。にを指定heightするlistかimage、修正してください

お気に入り

ul.lastFotos li {height:60px;}

また

ul.lastFotos li img{width:60px;height:60px;}
于 2013-07-27T05:30:04.860 に答える