jQuery实现水平和垂直居中

来源:互联网 发布:网络管理零基础知乎 编辑:程序博客网 时间:2024/06/05 00:57
实现div的实现水平和垂直居中,使用css有好多方法,这里不赘述。但是有些属性像是margin-left:-50%;这样的属性在华为手机的低版本上无法识别。

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

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

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

而且,无兼容性问题。

原创粉丝点击