vertical-align屬性使網(wǎng)頁(yè)層居中
網(wǎng)頁(yè)源代碼如下:
<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:發(fā)現(xiàn)新浪blog另一個(gè)變態(tài)之處。原來(lái)javascript是可以往里面加的,要使代碼顯示正常,必須在多寫上一個(gè)javascript,好象自定義空白面板保存后系統(tǒng)會(huì)自動(dòng)刪除第一個(gè)javascript標(biāo)記。即這樣寫:
<script><script language="javascript"> function what(){......} document.what...... </script>
想想也真是倒霉,為了這樣一個(gè)bug我竟然苦苦思量這么久!把模版換成現(xiàn)在這個(gè)樣子,banner和背景都是ps的,唯一的缺陷是必須使用層絕對(duì)定位顯示banner,但如果不是全屏幕顯示的話這個(gè)層就會(huì)浮動(dòng)。而且只適合1034*768分辨率(郁悶!)目前還沒(méi)有想出一個(gè)好思路解決這個(gè)問(wèn)題!唯一能夠做的就是加一句js,讓頁(yè)面打開(kāi)后自動(dòng)最大化。
新聞熱點(diǎn)
疑難解答
圖片精選