.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的高度不能超过浏览器的窗口,也就说你的页面不能有纵向下拉条!
整个DIV水平和垂直居中于屏幕
最新推荐文章于 2023-08-13 00:34:20 发布