整个DIV水平和垂直居中于屏幕

来源:互联网 发布:俄罗斯社交软件 编辑:程序博客网 时间:2024/05/29 16:32
.vertical-center {position:absolute; width:100%; top:50%; margin-top:-150px; height:300px;}原理是:相对于顶部位置50%;这样这个div的最顶端就处于垂直居中的中心线上;然后用margin-top:将div向上移动半个div的高度。就实现了垂直居中。这个原理还适用于水平居中,记住margin的值=div的高度/2 就行了. IE8.FF测试无BUG,前提是你的div的高度不能超过浏览器的窗口,也就说你的页面不能有纵向下拉条!
0 0
原创粉丝点击