手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >固定宽度 高度的页面在不同分辨率的屏幕上垂直 水平居中
固定宽度 高度的页面在不同分辨率的屏幕上垂直 水平居中
摘要:怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页...

怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页面,具体如代码如下

<html>

<head>

<style>

#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>

这段代码并不能完美的实现整个页面的垂直居中,当浏览器缩小或者小屏幕电脑是就出问题了,顶部是不能完全显示的,注意是整个页面。但是,登录页面可以用这个方法来实现。

【固定宽度 高度的页面在不同分辨率的屏幕上垂直 水平居中】相关文章:

CSS滤镜实现的颜色渐变翻转效果

CSS 标签属性

IE下去掉iframe边框兼容IE7IE8IE6以下

如何在一个页面做两种超链接的CSS样式

CSS盒模型制定网页的宽度和高度的原理

CSS实例教程:分号引起页面混乱

CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)

火狐浏览器中DIV的高度不随里面的内容增高而增高

在CSS中关于字体处理效果的思考

编写CSS代码时样式命名的规则

精品推荐
分类导航