0

私は現在、divを水平方向と垂直方向に揃えています。その幅と高さは、子供のサイズによって異なります。私はそれを成功させるためにこのコードを使用しています。

$('.tiles-wrapper').css({top:'50%',left:'50%',margin:'-'+($('.tiles-wrapper').height() / 2)+'px 0 0 -'+($('.tiles-wrapper').width() / 2)+'px'});

現在のようにページウィンドウのサイズが変更されても、引き続き機能させたいと思います。どんな助けでも素晴らしいでしょう。ありがとう

あなたの助けを借りて、私はそれを機能させました。これはコードをレイアウトするための最良の方法ですか？

<script>
    $('.tiles-wrapper').css({top:'50%',left:'50%',margin:'-'+($('.tiles-wrapper').height() / 2)+'px 0 0 -'+($('.tiles-wrapper').width() / 2)+'px'});

    $(window).resize(function() {
        $('.tiles-wrapper').css({top:'50%',left:'50%',margin:'-'+($('.tiles-wrapper').height() / 2)+'px 0 0 -'+($('.tiles-wrapper').width() / 2)+'px'});
    });
</script>
4

1 に答える 1

2

jQueryウィンドウのサイズ変更機能を使用してみました$(window).resize(function() {} );か？この関数のすべては、ページのサイズが変更されるたびに呼び出されます。

$(window).resize(function() {
    $('.tiles-wrapper').css({top:'50%',left:'50%',margin:'-'+($('.tiles-wrapper').height() / 2)+'px 0 0 -'+($('.tiles-wrapper').width() / 2)+'px'});

});

この関数は、を介して手動で呼び出すこともできます。$(window).resize();

于 2012-12-14T18:24:06.827 に答える