2

私は検索していて、答えを見つけることができません。検索の言い回しが間違っているだけかもしれませんが、この一連の画像をレスポンシブにするのに問題があります。

http://jsfiddle.net/nunotmp/4W2Bc/

以下にメディアクエリを追加しました

@media only screen and (max-width: 960px) {
#teasercenter {
width:100%;
display:inline-block;
}
#teasercenter ul li img {
min-width:100%;
height:auto;
}

}

ウィンドウのサイズを変更すると、それらは互いに重なり合いますが、大きな白い領域があり、左側に配置されます。彼らが落ちたときに中心に行く方法はありますか？html の構造が間違っているのではないでしょうか? どんな助けでも大歓迎です。

4

1 に答える 1

1

あなたが何をしたいのか正確にはわかりませんが、おそらくあなたが探しているのdisplay:inline-block;は、画像が下にある場合、画像が中央にあることです。親要素または本文を text-align:center; にするだけです。そしてそれはうまくいくはずです！次のようになります: http://jsfiddle.net/4W2Bc/10/

于 2012-12-07T21:22:31.307 に答える