2016-11-26 10 views
0

ポートフォリオのサムネイルの間のスペースを削減し、は、私はイラストレーターワードプレスのテーマを使用しています

  • がフルサイズで私のサムネイルが表示さ
  • が持っている私のポートフォリオページのサムネイルの間のスペースを削減したいと思います。私は3で、私は3つの列を表示するように設定して、私は2列に設定するときに気づくためにショートを使用している、サムネイルがフルサイズで表示され、まだ

    • みました何

    列数はthumnailのサイズを縮小します。

  • また、サムネイルを調べて、パディングや境界線がないことに気づきました。そのようにさらに縮小する方法はわかりません。

私はサムネイルが100%で表示し、おそらくその後も垂直方向と水平方向の両方、サムネイル間のスペースを削減するために、右CSSを持つ任意の助けをいただければ幸いです。

+1

のサイズを設定するようにするに

cssの例、サムネイルの写真などがあります。あなたの使用したテーマへのリンクは、あなたを助けることは本当に難しいです – kabaehr

答えて

0

リンクやコードなしであなたを助けるのは難しいですが、私はあなたに何かを刺すでしょう。

スペースがどこにあるかを確認してください。サムネイル上に表示されていない可能性があります。イメージ自体でも、入れ子になったコンテナでもかまいません。あなたがそれを調整することができるパディング/マージンを見つけると、それはどこかにある必要があります。それをスキップしてコードを混乱させたい場合は、イメージサムネール自体に負のマージンを追加してください。 margin:-5px;例えば。あなたは、いくつかを提供する必要がありますが、サイズを強制したい場合は、サムネイルをフルサイズ

max-width: 100%; 
height: auto; 

は今、そこにコンテナに追加し、容器

<div style="max-width:200px;"> 
    <img src="#" /> 
</div> 
関連する問題