front_end_fan通过本文主要向大家介绍了jquery,居中等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
实现div的实现水平和垂直居中,使用css有好多方法,这里不赘述。但是有些属性像是margin-left:-50%;这样的属性在华为手机的低版本上无法识别。
解决办法:jQuery实现水平和垂直居中
$(".mydiv").css({ position: "absolute", left: ($(window).width() - $(".mydiv").outerWidth())/2, top: ($(window).height() - $(".mydiv").outerHeight())/2 });
优点:就是不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用。
而且,无兼容性问题。