如何让一个宽高不固定的Div在空页面上水平居中且垂直居中？

Posted 2020-06-09

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让一个宽高不固定的Div在空页面上水平居中且垂直居中？相关的知识，希望对你有一定的参考价值。

需要用jquery实现。
$(function(){ 
    $(window).resize(); 
});
$(window).resize(function(){ 
    $(".div").css({ 
        position: "absolute", 
        left: ($(window).width() - $(".div").outerWidth())/2, 
        top: ($(window).height() - $(".div").outerHeight())/2 
    });        
});

以上是关于如何让一个宽高不固定的Div在空页面上水平居中且垂直居中？的主要内容，如果未能解决你的问题，请参考以下文章