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

2022-07-15 80酷酷网 80kuku.com

　　js|浏览器|显示

<html>
<body>
<input type="button" value="sd" /><br/>
<div id="111" 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" />

<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>