/**
?* 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");
});
**/

總結

以上是生活随笔為你收集整理的通过js让页面中的元素上下居中的写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。