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