查找更多代碼,請訪問:懶人圖庫
層垂直居中于瀏覽器,一直是新手朋友比較頭疼的問題。
其實解決的思路是這樣的:首們需要position:absolute;絕對定位。而層的定位點,使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。
如:一個層寬度是400,高度是300。使用絕對定位距離上部與左部都設(shè)置成50%。而margin-top的值為-150。margin-left的值為-200。這樣我們就實現(xiàn)了層垂直居中于瀏覽器的樣式編寫。