Div上下居中

<html>
<title>Div上下居中－www.51windows.Net</title>
<head>
<meta name="keywords" content="51windows.Net">
<meta http-equiv=content-type content="text/html; charset=gb2312">
</head>

<body>
<div style="position: absolute; top: 200; left: 0; width: 300; height: 200;border: 1 solid #C0C0C0;">
<div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了<br>center</div>
</div>

<div style="border: 1 solid #C0C0C0;"><br><br><br><br><br><br><br><br>
<div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了<br>center</div>
</div>

</body>
</html>

posted on 2007-09-24 15:31 LanceLang 阅读(4720) 评论(0) 收藏举报