当前位置: 代码迷 >> Web前端 >> DIV始终保持在浏览器中心,兼容各浏览器版本
  详细解决方案

DIV始终保持在浏览器中心,兼容各浏览器版本

热度:210   发布时间:2013-02-18 10:50:50.0
DIV始终保持在浏览器中央,兼容各浏览器版本

?

window.onresize = resetDiv;

function resetDiv(){

//浏览器宽度

var sWidth ?= document.documentElement.clientWidth;

//浏览器高度

var sHeight = document.documentElement.clientHeight;

//设置对象

var obj = document.getElementById('div_login');

//设置的高度和宽度减去DIV自身的高度和宽度

var w = sWidth/2-100;

var h = sHeight/2-100;

obj.style.marginLeft=w+'px';

obj.style.marginTop=h+'px';

}

?

<body onload="resetDiv();">

  相关解决方案