DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實例:vertical-align屬性讓網頁層居中
CSS實例:vertical-align屬性讓網頁層居中
編輯:CSS詳解     

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,讓頁面打開後自動最大化。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved