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