Question

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

Answer 1

您是否尝试使用jQuery window resize函数$(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();

手动调用此功能

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

1 个答案: