如何讓層垂直居中于瀏覽器窗口?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
層垂直居中于瀏覽器,一直是新手朋友比較頭疼的問題。
其實解決的思路是這樣的:首們需要position:absolute;絕對定位。而層的定位點,使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。
如:一個層寬度是400,高度是300。使用絕對定位距離上部與左部都設置成50%。而margin-top的值為-150。margin-left的值為-200。這樣我們就實現了層垂直居中于瀏覽器的樣式編寫。
層垂直居中于瀏覽器的例子
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-如何讓層垂直居中于瀏覽器窗口?。