以便我們觀察效果層垂直居中于瀏覽器，一直是新手朋友比較頭疼的問題 其實(shí)解決的思路是這樣的首們需要positionabsolute絕對定位而層的定位點(diǎn)，使用外補(bǔ)丁margin負(fù)值的方法負(fù)值的大小為層自身寬度高度除以二 如一。

這種方法主要是針對多行元素來進(jìn)行元素的垂直居中，而并非是此元素的內(nèi)容垂直居中，這一點(diǎn)先要理解并分開清楚另外此方法是通過絕對定位來實(shí)現(xiàn)的，那么用這種方法實(shí)現(xiàn)元素的垂直居中需要注意以下幾點(diǎn)其一元素定位關(guān)系到一個相對定位參考，所以。

方法有很多 比如ltimg src=quotquot style=quotdisplayblockmargin10px autoquot 這個意思就是上下邊距為10像素，左右邊距自動 ltdiv style=quottextaligncenterquotltimg src=quotquotltdiv這個意思就是div里面的內(nèi)容居中顯示。

2右擊html文件，選擇用記事本打開，如圖3講解第一種div絕對定位水平垂直居中CSS3使用transform， transform中translate偏移的百分比值是相對于自身大小的，無論絕對定位元素的尺寸是多少，其都是水平垂直居中顯示的，但。

下面介紹關(guān)于html元素水平居中的幾種方式1對于行內(nèi)元素采用textaligncenter的方式3用table實(shí)現(xiàn)4塊級的元素但是通過轉(zhuǎn)換成行內(nèi)元素來實(shí)現(xiàn)塊級元素的水平居中顯示5父子元素都采用相對定位，父元素left50%子元素lef。