歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng)，寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)！　　　　　咨詢(xún)熱線(xiàn)：13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗，900家客戶(hù)的選擇，值得信賴(lài)！


DIV在瀏覽器垂直居中

作者：佚名      發(fā)布時(shí)間：2011-08-12      瀏覽：2284次

62.9K


DIV垂直在瀏覽器居中對于很多網(wǎng)站制作人員來(lái)說(shuō)會(huì )比較困難，至少是要借助資料才會(huì )達到。這是比較基本的網(wǎng)站制作知識。

DIV垂在居中于瀏覽器的思想
首先。要垂在居中的DIV需要position:absolute;絕對定位。而層的定位點(diǎn)，使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。

一個(gè)示例
一個(gè)層寬度是400，高度是300。使用絕對定位距離上部與左部都設置成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實(shí)現了層垂直居中于瀏覽器的樣式編寫(xiě)。代碼如下：

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml">


mb5u.com



這里是需要垂直居中的DIV




0