通过js让页面中的元素上下居中的写法

/**
 * brief 这些代码用于在线制图中 attention author <list of authors> <date> begin modify by
 * null
 */
/**
*alert($(window).height()); //浏览器当前窗口可视区域高度
*alert($(document).height()); //浏览器当前窗口文档的高度
*alert($(document.body).height());//浏览器当前窗口文档body的高度
*alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
*alert($(window).width()); //浏览器当前窗口可视区域宽度
*alert($(document).width());//浏览器当前窗口文档对象宽度
*alert($(document.body).width());//浏览器当前窗口文档body的高度
*alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

$(document).ready(function(){
 //获得窗口的高
 var windowHeight = $(document).height();
 //获得窗口的宽
 var windowWidth = $(document).width();
 
 //获得登录部分的窗口的高度
 var loginboxHeight = $("#login-container").height();
 alert(loginboxHeight);
 //获得登录部分的窗口的宽度
 var loginboxWidth = $("#login-container").width();
 alert(loginboxWidth);
 
 //设定login-container的左右边距
 var loginContainerTop = (windowHeight-loginboxHeight)/2;
 var loginContainerLeft = (windowWidth-loginboxWidth)/2;
 
 $("#login-container").css("top",loginContainerTop + ‘px‘);
 $("#login-container").css("left",loginContainerLeft + "px");
});
**/

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。