垂直居中,水平居中怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页面,具体如代码如下
<html> <head> <style style="text/css"> #div1 { position: absolute; width:1002px; height:620px; left:50%; top:50%; margin-left:-500px; margin-top:-310px; font-size:40px; color:#FFFFFF; background:#000000; font-weight:bold; border:1px solid #000; } </style> </head> <body> <div id="div1">我居中了吗?</div> </body> </html>
这段代码并不能完美的实现整个页面的垂直居中,当浏览器缩小或者小屏幕电脑是就出问题了,顶部是不能完全显示的,注意是整个页面。但是,登录页面可以用这个方法来实现。 垂直居中,水平居中
|