作者starjou (周星星)
看板Web_Design
标题Re: [问题] 网页上下怎麽置中
时间Mon Nov 12 22:18:14 2007
※ 引述《cgcat (小绵羊赶集)》之铭言：
: 我知道左右置中可以利用
: margin:auto
: 但是上下要怎麽置中呢?
: 谢谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html style="height:100%">
<head>
<title></title>
<meta name="GENERATOR" content="Quanta Plus">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
</style>
</head>
<body style="height:100%;margin:0px">
<table style="height:100%;width:100%;">
<TR><TD align="center" valign="middle">
what u wanna put here
</TD></TR></table>
</body>
</html>
这个在 IE or FF 都 ok，不过不通过 w3c 的检查。
原理就是把 html 跟 body 的 style 都设成 height:100%，
然後放一个表格，高度也是 100%，里面只放一格，水平跟垂直对齐都置中
body 的 margin 设成 0，不然会多出卷轴
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 219.81.193.180
1F：推 superGA:好暴力的方法 推推 11/13 08:43
2F：推 cgcat:THANKS 11/13 10:19