vertical-align屬性使網頁層居中
網頁源代碼如下:
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#fff;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>
PS:發現新浪BLOG另一個變態之處。原來javascript是可以往裡面加的,要使代碼顯示正常,必須在多寫上一個javascript,好象自定義空白面板保存後系統會自動刪除第一個javascript標記。即這樣寫:
<script><script language="javascript"> function what(){......} document.what...... </script>
想想也真是倒霉,為了這樣一個BUG我竟然苦苦思量這麼久!把模版換成現在這個樣子,BANNER和背景都是PS的,唯一的缺陷是必須使用層絕對定位顯示BANNER,但如果不是全屏幕顯示的話這個層就會浮動。而且只適合1034*768分辨率(郁悶!)目前還沒有想出一個好思路解決這個問題!唯一能夠做的就是加一句JS,讓頁面打開後自動最大化。