网页绝对居中的方法和代码
发布日期:[2010/5/7] 编辑:奇亿广州网站建设
网页在浏览器绝对居中的方法,代码如下:
方法一:
<div style="position:absolute;left:expression((body.clientWidth-1000)/2);top:expression((body.clientHeight-600)/2);width:1000;height:600">
<table width=1000 height=600 border=0 align=center cellpadding=0 cellspacing=0><tr><td>
页面内容
</td></tr></table>
</div>
方法二:
body,html{height:100%;padding:0;margin:0;}
<table width=100% height=100% border=0 align=center cellpadding=0 cellspacing=0><tr><td>
<table width=800 height=600 border=0 align=center><tr><td>
页面内容
</td></tr></table>
</td></tr></table>
其中网页绝对居中方法一中的代码,层和表格里的width和height前后需对应;绝对居中方法二是采用表格居中属性来实现,用CSS定义外表格宽和高均为浏览器的100%,然后内表格居中于外表格TD即可。