-1

画像の幅を制御せずに、画像を div の中央に配置しようとしています。ここで注目のリストの例を見ることができます：

http://citylightsrealtygroup.com/

これは管理者によって更新されるゴングなので、私は制御できません。コードは次のようになりますが、中央に配置されておらず、左端に並んでいます。

.feature_thumb img{
    width:auto;
    height:100%;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

親指の縦横比を使用して、高さを自動に設定し、幅を逆にするのではなくオーバーフローさせる方がはるかに優れています。どんな助けでも大歓迎です。

4

2 に答える 2

0

この質問は、少しクリーンアップするのに使用できるようです。あなたが言及した他の問題のいくつかについて尋ねるために、フォローアップを投稿することをお勧めします。しかし、手元の質問に答えるには、画像をその親の中央に配置することについて...画像自体に CSS プロパティを設定する代わりに、画像の親text-alignに設定します。center div

于 2013-03-15T01:25:45.560 に答える
0

帯域幅が遅いと読み込みが非常に遅くなる、大きすぎる画像を使用しています。それを防ぐためにサムネイルを生成する必要があります。プログラムで、または timthumb を使用して生成することをお勧めします - https://code.google.com/p/timthumb/

これを使用すると、スクリプトは自動的に画像の中央揃え、トリミング、サイズ変更を行います。幅と高さを指定するだけです

<img src="timthumb.php?src=IMAGE_SOURCE&w=WIDTH&h=HEIGHT" />
于 2013-03-15T01:20:21.800 に答える