資源描述：
《css教程：div垂直居中的n種方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、CSS教程：div垂直居中的N種方法在說到這個(gè)問題的時(shí)候，也許有人會(huì)問CSS中不是有vertical-align屬性來設(shè)置垂直居中的嗎？即使是某些瀏覽器不支持我只需做少許的CSSHack技術(shù)就可以?。∷栽谶@里我還要啰嗦兩句，CSS中的確是有vertical-align屬性，但是它只對(duì)(X)HTML元素中擁有valign特性的元素才生效，例如表格元素中的
、 | 、等，而像、 這樣的元素是沒有valign特性的，因此使用vertical-align對(duì)它們不起作用。相關(guān)教程：div水平居中的N種方法一、單行垂直居中如果一個(gè)容器中只有一行文字，對(duì)它實(shí)現(xiàn)2、居中相對(duì)比較簡(jiǎn)單，我們只需要設(shè)置它的實(shí)際高度height和所在行的高度line-height相等即可。如：div{height:25px;line-height:25px;overflow:hidden;}這段代碼很簡(jiǎn)，后面使用overflow:hidden的設(shè)置是為了防止內(nèi)容超出容器或者產(chǎn)生自動(dòng)換行，這樣就達(dá)不到垂直居中效果了。更多CSS教程。3、http://www.w3.org/1999/xhtml"> 單行文字實(shí)現(xiàn)垂直居中body{font-size:12px;font-family:tahoma;}div{height:25px;line-height:25px;border:1pxsolid#FF0099;background-color:#FFCCFF;}現(xiàn)在我們 4、要使這段文字垂直居中顯示！ | 
