我在用html写说明书，页面很长，中间出现图片我想图片能在可见区域上下左右居中，怎么写？

Question

<script type="text/javascript">
function displayDiv(url, w, h, str1){
var str;
var tImg=document.getElementById("commonImg");
str="<img src='"+url+"' width='"+ w +"' height='"+ h +"'>";
//alert("====="+str+"======"+tImg.style.display='');
tImg.innerHTML=str;
tImg.style.display='';
//alert(tImg.style.display);
}

function hideDiv(){
var tImg=document.getElementById("commonImg");
tImg.innerHTML=' ';
tImg.style.display='none';
//alert(tImg.style.display);
}
</script><!--图片预览浮动层-->
<div id="commonImg" style="display:none;"> </div><div id="picRight">
<img src="icon_pic.jpg" style="Cursor:hand;" border="0" width="36" height="34" onMouseOver="displayDiv('images/help/002.gif', '883', '542', '3453424');" onMouseOut="hideDiv();"><br>
图2<br>
<img src="icon_pic.jpg" style="Cursor:hand;" border="0" width="36" height="34" onMouseOver="displayDiv('images/help/003.gif', '883', '542', '3453424');" onMouseOut="hideDiv();"><br>
图3<br>
<img src="icon_pic.jpg" style="Cursor:hand;" border="0" width="36" height="34" onMouseOver="displayDiv('images/help/004.gif', '883', '542', '3453424');" onMouseOut="hideDiv();"><br>
图4<br>
</div>

Answer 1

<div id="commonImg" style="display:none;" align="center"> </div>

Answer 2

楼上老大 align="center" 这个仅仅是 水平居中
关键问题是 一个很长的页面 如何让他能定位到可见区域的垂直居中呢？

Answer 3

不知道 改如何写代码？
而且昨天测试了老半天，document.documentElement.scrollTop问题通不过document.body.scrollTop也不行
头文件 也加了