div定位问题(当点击一个图片按纽,图片居中显示)
<center> .... </center> 已经用过,没效果.
想用脚本控制:
if(xxxx"条件"xxx){
out.println( " <tr> ");
out.println( " <td style= 'cursor:hand '> ");
out.println( " <dl> ");
out.println( " <div id=imageDiv style=\ "position:absolute;display:none;left:inherit; top:inherit; \ "> <img width= '400 ' height= '400 ' src=\ "../UploadFiles/ "+strURL+ "\ " border=\ "2\ " style=\ "border-color:#CC6600\ "> <input type= 'button ' value= '关闭此图片 ' onclick= 'javascript:dispImage(\ "imageDiv\ ",\ "none\ ") '> </div> ");
out.println( " <span onclick=divTT(\ "imageDiv1\ "); '> <font size=\ "-1\ "> ");
out.println( "事实照片 ");
out.println( " </font> ");
out.println( " </span> ");
out.println( " </dl> ");
out.println( " </td> ");
}
======脚本如:
<script language= " ">
function divTT(divImage){
//对象相对窗口顶端的高度(层)网页可见区域
var divOffSetHeight = document.getElementById(divImage);
divOffSetHeight.offSetHeight = divOffSetHeight.style.height;
//屏幕的高
var divClientHeight = window.screen.availHeight;
//对象相对窗口顶端的宽度(层)网页可见区域
var divOffSetWidth = document.getElementById(divImage);
divOffSetWidth.offSetWidth = divOffSetWidth.style.width;
//屏幕率的宽
var divClientWidth = window.screen.availWidth;
//div top
document.getElementById(divImage).style.top = ( divClientHeight - divOffSetHeight.offSetHeight)/2 + "px ";
//div left
document.getElementById(divImage).style.left = (divClientWidth/2 - divOffSetWidth.offSetWidth/2) + "px ";
}
</script>
------解决方案-------------------- <div style= "text-align:center; ">
<img src= "ico/tabicons.png "/>
</div>