手机
当前位置:查字典教程网 >网页设计 > 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盒模型制定网页的宽度和高度的原理

CSS3 实现侧边栏展开收起动画

Div 在页面中居中

css中不确定高度垂直居中2种方法

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

IE6定义1px左右高度的容器示例代码

CSS里随滚动条滚动代码

css在不同浏览器中的唯一标识以height属性为例

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

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

精品推荐
分类导航