Re: [問題] 網頁上下怎麼置中
※ 引述《cgcat (小綿羊趕集)》之銘言：
: 我知道左右置中可以利用
: margin:auto
: 但是上下要怎麼置中呢?
: 謝謝!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"" rel="nofollow">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
推
11/13 08:43, , 1F
11/13 08:43, 1F
推
11/13 10:19, , 2F
11/13 10:19, 2F
討論串 (同標題文章)