作者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
推 superGA:好暴力的方法 推推 11/13 08:43
推 cgcat:THANKS 11/13 10:19