如何讓層垂直居中于瀏覽器窗口?_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        
        層垂直居中于瀏覽器,一直是新手朋友比較頭疼的問題。
        其實解決的思路是這樣的:首們需要position:absolute;絕對定位。而層的定位點,使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。
        如:一個層寬度是400,高度是300。使用絕對定位距離上部與左部都設置成50%。而margin-top的值為-150。margin-left的值為-200。這樣我們就實現了層垂直居中于瀏覽器的樣式編寫。

      層垂直居中于瀏覽器的例子

      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-01-10
      相關Div+CSS教程