初始化页面垂直居中

Posted love9happy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初始化页面垂直居中相关的知识,希望对你有一定的参考价值。

//初始化页面垂直居中
		var gDocHeight = $(‘.login‘).height();
		resizeBody();

		function resizeBody() {
			var winHeight = $(window).height();
			var heightGap = winHeight - gDocHeight;

			if(heightGap > 5) {
				$(‘.login‘).css(‘padding-top‘, heightGap / 2);
			} else {
				$(‘.login‘).css(‘padding-top‘, 0);
			}
		}
		window.onresize = function() {
			resizeBody();
		};

  

以上是关于初始化页面垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

CSS代码片段

CSS代码片段

前端面试CSS系列——DIV垂直水平居中

关于html和body高度 登录页面登录框永远保持在页面垂直水平居中位置

word文档里面的文字垂直方向上如何居中?

垂直居中标题页