jQuery实现水平和垂直居中

实现div的实现水平和垂直居中,使用css有好多方法,这里不赘述。但是有些属性像是margin-left:-50%;这样的属性在华为手机的低版本上无法识别。

解决办法:jQuery实现水平和垂直居中

 $(".mydiv").css({  
        position: "absolute",  
        left: ($(window).width() - $(".mydiv").outerWidth())/2,  
        top: ($(window).height() - $(".mydiv").outerHeight())/2  
    });      

优点: 就是不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用。

而且,无兼容性问题。

你可能感兴趣的:(jQuery实现水平和垂直居中)