很简单,给你写个小例子吧:
<html>
<head>
<script type="text/javascript" language="javascript">
function resizeFrame(){
var vH=document.getElementById("middle").offsetHeight;
var y=(parseInt(document.documentElement.clientHeight)-vH)/2;
var vW=document.getElementById("middle").offsetWidth;
var x=(parseInt(document.documentElement.clientWidth)-vW)/2;
document.getElementById("middle").setAttribute("style", "margin-top:"+y+"px;margin-left:"+x+"px;");
}
window.onresize=resizeFrame;
window.onload=resizeFrame;
</script>
</head>
<body >
<div id="middle" style="position:absolute;">
文字居中显示!<br/>
文字居中显示!<br/>
文字居中显示!<br/>
</div>
</html>
温馨提示:答案为网友推荐,仅供参考