CSS實(shí)例:vertical-align屬性讓網(wǎng)頁層居中
我要評(píng)論
CSS實(shí)例:vertical-align屬性讓網(wǎng)頁層居中.
vertical-align屬性使網(wǎng)頁層居中
網(wǎng)頁源代碼如下：
<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è)tips。原來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分辨率（郁悶?。┠壳斑€沒有想出一個(gè)好思路解決這個(gè)問題！唯一能夠做的就是加一句JS，讓頁面打開后自動(dòng)最大化。
相關(guān)文章
深入理解CSS中的vertical-align屬性和基線問題
這篇文章主要介紹了深入理解CSS中的vertical-align屬性和基線問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考2020-04-03- 本文向大家介紹一下CSS vertical-align 屬性的用法，該屬性定義行內(nèi)元素的基線相對(duì)于該元素所在行的基線的垂直對(duì)齊。2014-10-22
css中圖片于文本的基線對(duì)齊與vertical-align屬性設(shè)置
默認(rèn)的情況是圖片頂對(duì)齊而文字底對(duì)齊，通過設(shè)置css屬性可以使得圖片與文字對(duì)齊，接下來為大家詳細(xì)介紹下設(shè)置各對(duì)象的vertical-align屬性，感興趣的朋友可以參考下哈2013-04-02css 垂直對(duì)齊 css中vertical-align屬性(垂直對(duì)齊)的使用說明
這兩天寫個(gè)頁面css的時(shí)候用到了vertical-align屬性，使用過程中踩到了坑,因此整理了一些，以備不時(shí)之需，感興趣的朋友可以了解下哦2013-01-09css vertical-align屬性詳細(xì)圖解分析
vertical-align屬性詳細(xì)分析 最近幾天仔細(xì)研究了一下vertical-align這個(gè)屬性，結(jié)果讓我大吃一驚，這個(gè)很“資深”的CSS標(biāo)準(zhǔn)竟然在各個(gè)瀏覽器里面的表現(xiàn)都各不相同2009-02-10
CSS中的vertical-align用于設(shè)置行內(nèi)塊或者行內(nèi)元素行內(nèi)元素的對(duì)齊方式，使用過程中的坑很多，本文就詳細(xì)的介紹一下vertical-align屬性的具體使用方法，感興趣的可以了解一2023-05-11
