用js + css
// 窗口 居中 ****开始
var doResize = function() {
var content = document.getElementById('main-login-div'); // 需要居中的div的ID
var h = (document.documentElement.clientHeight);
var mt = Math.round((h - 400) / 2);// 需要居中的div的高度
var w = (document.documentElement.clientWidth);
var wt = Math.round((w - 600) / 2);// 需要居中的div的宽度
content.style.top = mt > 0 ? mt + 'px' : '0px';
content.style.left = wt > 0 ? wt + 'px' : '0px';
};
var initWin = function() {
window.onresize = doResize;
doResize();
document.getElementById('username').focus();
}
initWin();
// 窗口居中 *****结束
// 窗口 居中 ****开始
var doResize = function() {
var content = document.getElementById('main-login-div'); // 需要居中的div的ID
var h = (document.documentElement.clientHeight);
var mt = Math.round((h - 400) / 2);// 需要居中的div的高度
var w = (document.documentElement.clientWidth);
var wt = Math.round((w - 600) / 2);// 需要居中的div的宽度
content.style.top = mt > 0 ? mt + 'px' : '0px';
content.style.left = wt > 0 ? wt + 'px' : '0px';
};
var initWin = function() {
window.onresize = doResize;
doResize();
document.getElementById('username').focus();
}
initWin();
// 窗口居中 *****结束