在Jquery中让一个容器div显示在屏幕正中央
Posted swdhywhd
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在Jquery中让一个容器div显示在屏幕正中央相关的知识，希望对你有一定的参考价值。
分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！http://www.captainbed.net
非常简单就实现了，代码不用解释，很容易懂的
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！http://www.captainbed.net
以上是关于在Jquery中让一个容器div显示在屏幕正中央的主要内容，如果未能解决你的问题，请参考以下文章
CSS - 在容器 div 中让 3 个 div 浮动和居中的问题 ..（包含代码和粗图）