Javascript 如何使jQuery在调整窗口大小时动态添加css

我目前正在水平和垂直对齐一个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>

$（'.tiles wrapper'）.css（{top:'50%，left:'50%，margin:'-'+（$（'.tiles wrapper'）.height（）/2）+'px 0-'+（$（'.tiles wrapper'）.width（）/2）+'px'}）；
$（窗口）。调整大小（函数（）{
$（'.tiles wrapper'）.css（{top:'50%，left:'50%，margin:'-'+（$（'.tiles wrapper'）.height（）/2）+'px 0-'+（$（'.tiles wrapper'）.width（）/2）+'px'}）；
});

您是否尝试过使用函数，

$（窗口）.resize（函数（）{}）？每当调整页面大小时，都会调用此函数中的任何内容：

$(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（）手动调用此函数
是的，我确实尝试过，但只有在调整窗口大小时才会这样做。我需要它做它最初，然后在窗口调整太多。有可能吗？更新了我的答案。。。您可以随时通过
$（window）.resize（）调用它