css垂直居中一直以來(lái)都是一個(gè)被大家說(shuō)爛了的話(huà)題，翻來(lái)覆去的炒。不過(guò)說(shuō)實(shí)話(huà)，正是因?yàn)閏ss沒(méi)有提供標(biāo)準(zhǔn)的垂直居中方法（不過(guò)在css3中已經(jīng)有了相關(guān)規(guī)范），所以大家才會(huì)對(duì)它進(jìn)行專(zhuān)門(mén)的研究。這研究來(lái)研究去，垂直居中的方法比水平居中都要多了。但又說(shuō)回來(lái)，各種方法人云亦云，不同的方法對(duì)于不同層次的人理解起來(lái)又有不同，用處也不同。本文結(jié)合技術(shù)實(shí)現(xiàn)的復(fù)雜度、理解性的難易度、以及大多數(shù)人的接觸順序?qū)ΤＳ玫拇怪本又蟹椒ㄟM(jìn)行分等級(jí)的系統(tǒng)講解，希望能對(duì)讀者的工作和學(xué)習(xí)有所幫助。
OK，閑話(huà)扯了一堆，下面開(kāi)始正文，先來(lái)一個(gè)大家最先接觸到的。
Level 1：絕對(duì)定位
兼容性：
| Firefox | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|
| (Yes) | (Yes) | IE8+ |
