让一个div绝对居中显示的跨浏览器js

最新推荐文章于 2024-09-22 11:17:00 发布

weixin_34051201

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量45

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/pwqzc/archive/2006/01/06/312126.html

版权

<html>
<body>
<input type="button" value="sd" οnclick="doThis();"/><br/>
<div id="111" style="position:absolute;width:200px;height:200px;background-color:#666666;">
<div id="a0" name="nContainer">nContainer[0]</div>

<div id="a1" name="nContainer"">nContainer[1]</div>

<div id="a2" name="nContainer">nContainer[2]</div>

<div id="a3" name="nContainer">nContainer[3]</div>

<div id="a4" name="nContainer">nContainer[4]</div>

<div id="a5" name="nContainer">nContainer[5]</div>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<input type="button" value="sd" οnclick="doThis();"/>

<SCRIPT LANGUAGE="JavaScript">
function doThis()
{
   var a = document.getElementById("111");
   a.style.left=(document.body.clientWidth/2-a.clientWidth/2)+"px";
   a.style.top=(document.body.scrollTop+document.body.clientHeight/2-a.clientHeight/2)+"px";
}

</SCRIPT>
</body>
</html>

转载于:https://www.cnblogs.com/pwqzc/archive/2006/01/06/312126.html