jquery - jQuery onResize 画像の配置の問題

Question

私は次のHTMLを持っています:

<div id="container">
    <div id="cont1">
        <img src="img/1.png" />
    </div>
    <div id="cont2">
        <img src="img/2.png" />
    </div>
    <div id="cont3">
        <img src="img/3.png" />
    </div>
    <div id="cont4">
        <img src="img/4.png" />
    </div>
    <div id="cont5">
        <img src="img/5.png" />
    </div>
    <div id="cont6">
        <img src="img/6.png" />
    </div>
    <div id="cont7">
        <img src="img/7.png" />
    </div>
</div>

そして、ウィンドウのサイズを変更して、画像1.png...7.pngを希望します:

• ウィンドウの幅は同じです (OK、DONE)。
• ページの中央にとどまります (ここに問題があります)。

私が使用しているjQueryコードは次のとおりです。

$(window).resize(function () {
        var w=$(window).width();
        var w7=w*7;
        $('#container').width(w7);

        var pw=w;
        $('#container > div').width(pw);

        $('#container > div > div > img').width(w);
 });

代わりに、実際に起こっているのは、画像 (およびそのコンテナーcont1...cont7 ) がサイズ変更の方向に移動することです。

私は明らかに何が欠けていますか？

Answer 1

私はあなたの問題の相棒を手に入れました！あなたはただ一つのことをする必要があります。「text-align: center;」を追加 コンテナ div で