CSS實例:vertical-align屬性讓網頁層居中

2024-07-11 08:44:09

字體：大中小

來源：轉載

供稿：網友

CSS實例:vertical-align屬性讓網頁層居中.
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，讓頁面打開后自動最大化。

上一篇：Web標準建構的站點一覽表

下一篇：CSS教程：vertical-align的值