六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 61|回复: 0

div 居中

[复制链接]

升级  54%

33

主题

33

主题

33

主题

秀才

Rank: 2

积分
131
 楼主| 发表于 2013-1-29 07:31:19 | 显示全部楼层 |阅读模式
用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();
// 窗口居中 *****结束
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表